Shopify App Bridge

Shopify App Bridge lets you embed your app directly inside the Shopify Admin and Shopify POS, as well as customize many Shopify GUI elements outside of your app.

Shopify App Bridge is a standalone vanilla JavaScript library. Shopify App Bridge also offers React component wrappers for some actions.

Tutorials

Merchant experience

By embedding your app in Shopify with Shopify App Bridge, you can create a great user experience that is familiar and easy-to-use for Shopify merchants. Shopify App Bridge also helps you ensure that this experience is consistent no matter where a merchant is using your app, whether it’s on the web or in the Shopify Mobile app for iOS or Android.

Developer experience

Shopify App Bridge not only helps you create a great merchant experience, but it also provides a great developer experience for you.

It helps to reduce your development time by giving you a single way to access these features across multiple platforms: Shopify Admin, Shopify Mobile, and Shopify POS. Shopify App Bridge makes sure that the user experience is consistent wherever merchants are using your App. Shopify App Bridge also provides easy helpers for printing pages from your app or redirecting users to other parts of the Shopify admin.

Shopify App Bridge is also directly integrated with Polaris components, to help you build familiar Shopify experiences even more easily.

  • Write once, run anywhere: because you don’t have to worry about writing different app code for each client or extension area, Shopify App Bridge cuts down on your development time
  • Integrates into your workflow: Shopify App Bridge works how you do, whether you prefer to use modular JavaScript with a build system, or link directly to the library on a CDN
  • Type safety: Shopify App Bridge is written in TypeScript (but whether you use it in your app is up to you!)
  • Developer tools: Shopify App Bridge uses Redux to manage state and dataflow, and integrates with Redux DevTools to make debugging simple (even if your app isn’t using Redux itself)
  • Strict versioning with SemVer