Skip to main content

Connect Shopify

You manage your products and orders in Shopify. Connecting Shopify is essential for using Instant Commerce.

Make sure you've already set up your Shopify store.

note

If you have multiple stores, you will have to do this setup for each one.

Create a Custom app

To allow Instant Commerce to integrate with Shopify, you need to create a custom app.

  1. Go to Shopify and log into the store that you want to connect to Instant Commerce.
  2. On your Shopify store page, click Apps on the left side and go to App and sales channel settings.
  3. Click Develop apps for your store and then Allow custom app development. On the pop-up that opens, click Allow custom app development again.
  4. Click Create an app. In the pop-up that opens, enter Instant Commerce as the name for your custom app and select your own account as App developer.

Next, you need to configure the API integration.

Configure Admin API integration

You need to configure the back end settings for the app you created for it to connect correctly connect to Instant Commerce.

  1. On your Shopify store page, select Apps on the left side and then select App and sales channel settings.
  2. Click Develop apps and select the custom app you created to connect to Instant Commerce.
  3. On the Configuration tab, go to Admin API integration and click Edit.
  4. Enter "customer" in the filter and select write_customers and read_customers.
  5. Enter "products" in the filter and select write_products and read_products.
  6. Save your changes.

You can now continue to configure storefront API integration.

Configure Storefront API integration

You need to configure the storefront settings for the app you created to correctly connect it to Instant Commerce.

  1. On your Shopify store page, select Apps on the left side and go to App and sales channel settings.
  2. Click Develop apps for your store and select the app you created to connect to Instant Commerce.
  3. On the Configuration tab, go to Storefront API integration and click Edit.
  4. Scroll to Checkout and select unauthenticated_write_checkouts and unauthenticated_read_checkouts.
  5. Scroll to Customers and select unauthenticated_write_customers and unauthenticated_read_customers.
  6. Scroll to Products and select unauthenticated_read_product_listings.
  7. Save your changes.

Lastly, integrate Shopify and Instant Commerce

Integrate Shopify with Instant Commerce

Once you've setup both the Admin and Storefront API integrations, you can install the app you created on Shopify. This will allow the exchange of information between your store in Shopify and in Instant Commerce.

  1. On your Shopify store page, select Apps on the left side and go to App and sales channel settings.
  2. Click Develop apps for your store and select the app you created to connect to Instant Commerce.
  3. Click Install app in the top right corner.
  4. A pop-up that asks you if you want to install the custom app to your store will open. Click Install.
  5. The API credentials page will open. Save the "Admin API access token" and the "Storefront API access token" so you'll be able to enter them in Instant Commerce.
    The "Admin API access token" token will only be shown once, so copy it now or store it somewhere.
  6. Go to Instant Commerce > Integrations > Shopify > Enable. Paste the tokens you copied in step 5 in the corresponding fields.
  7. Enter your "Shopify Shop ID" (your Shopify store URL without 'https://'.)
  8. Save your changes.

You've connected your Shopify to your Instant Commerce store! Continue setting up your store by connecting Storyblok.