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:
Shopify API key
Visit this link in order to create your private Shopify app: shopify.com/admin/apps/private
Follow these steps to obtain the API key:
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 firstname.lastname@example.org