Embedded Shopify App + Web app
Hi guys! is it possible to have 2 separate frontends communicating with each other? a Shopify app and a web app. Could even be a web app iframed into the Shopify frontend.
4 Replies
Yes, you can do this. The cleanest setup is to have both your Shopify app frontend and your standalone web app talk to the same backend/API, so they stay in sync without trying to pass data directly between browsers.
If you just need to show your web app inside Shopify, you can embed it with an iframe and use
postMessage for simple UI-level communication, but for anything beyond that a shared backend is the way to go. It keeps things secure, easier to maintain, and plays nicely with Shopify’s OAuth/session flow.And how can I do this inside gadget?
You’d do this by setting up a backend service whatever stack you’re using that both frontends talk to via API calls. The Shopify app would authenticate through Shopify’s OAuth flow, and your external web app would use its own login/session, but both hit the same backend endpoints so the data stays in sync.
Great thank you