Shopify Integration

Integrate your Shopify webshop into your Shoutem app effortlessly.

Shopify’s dashboard setup

First step into this integration would be to add your products to collections in your Shopify dashboard. To do so, go to Products → Collections:

shopify collections

After your collections are created and products you want to showcase in the app are assigned to those collections, it is time to create a private app to obtain Storefront access token.

  1. Go to Apps
  2. Click Manage private apps (that can be found at the bottom of the page
  3. Click Create new private app
  4. In App details add Private name app (the name of the app created in our builder) and Emergency developer email
  5. Scroll down to Storefront API to mark Allow this app to access your storefront data using the Storefront API and mark the permissions you’d like to allow.
  6. Save your changes
  7. Click Create new private app

That’s it, you’ve created your private app! Now, from the same page copy Storefront access token which you will need to configure the integration in the builder.

storefront access token

Add Shopify integration in the builder

If you haven’t installed Shopify yet, go to Extensions → press the + button → search Shopify in Extension marketplace → click Install.

marketplace features shoutem

To configure this extension, go to Settings → (Extensions settings) → Shopify and insert your Store URL and Storefront Access Token. It is optional to add a Discount code.

shopify settings

Your Shopify integration is now ready for use! Go to Screens → press the + button → search Shopify and click on it to add it as one of the screens of your app. You will then be able to choose collections of products that will be available for purchase in the app…

store collections shoutem app

… and you are all set! Here is how Shopify integration looks like in the app:

inapp shopify

You can also choose between different layout options in Layout tab.

layout shopify

Have more questions about Shopify integration? Contact us at support@shoutem.com.