Shopify App Bridge

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

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

Introduction to Shopify App Bridge

Get familiar with how Shopify App Bridge works:

Merchant experience

By embedding your app in Shopify with App Bridge, you can create a great user experience that is familiar and easy-to-use for Shopify merchants. 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

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

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. App Bridge makes sure that the user experience is consistent wherever merchants are using your App. App Bridge also provides easy helpers for printing pages from your app or redirecting users to other parts of the Shopify admin.

  • Write once, run anywhere: because you don’t have to worry about writing different app code for each client or extension area, App Bridge cuts down on your development time.
  • Integrates into your workflow: 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: App Bridge is written in TypeScript (but whether you use it in your app is up to you).
  • Developer tools: 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).
  • Strict versioning using SemVer.

Next steps