Shopify integration

In case you already have a webshop based on the Shopify, this integration should be an effortless process. In case you are about to create your first web shop for your mobile app, we definitely recommend going down the Shopify route.

Adding products to Shopify collections

To integrate your shop with the Shoutem app, add your products to collections in Shopify. They are located in the Products section:

The second step is to go to the Screens section. Click on “+” to add a new screen. Then navigate to the Commerce section, where you will find a Shopify extension:

 

Copy the Shopify API key

In your Shopify dashboard, click “Mobile app.” Copy the  API key:

Integrate your private Shopify app with your Shoutem mobile app

In Shoutem screens, open the general settings for your Shopify shop and copy the access token there with  your Shopify store URL (e.g. mystore.myshopify.com)

After you click the Save button, all the collections you added to the Shopify store is visible as your Shop content inside the app builder. Here you can check any of collections you want to use in your app.

Preview your Shopify shop in your mobile app

Click the Preview Here button. Items will be shown on the Preview screen.  In addition, choose the layout in which to present these items.

Click the top menu to see the list of all the collections you added to the app:

 

 

 

 

 

 

 

 

 

 

 

 

 

If you have any additional questions you can contact us at support@shoutem.com