Integration Fields are still in beta and will be progressively deployed to all repositories. This feature allows you to connect your prismic.io repository to an external API. If you don't already have Integration Fields in your repository, don't hesitate to ask for it in the chat support or slack community. 

 

Integration Fields with Shopify

In this article we'll show you how to create a new Integration Field for your Shopify catalog. If you want to know more about Integration Fields in general, you can learn the basics of Integration Fields

We provide native integration with Shopify, allowing an editor to easily add information about a product from your catalog. Let's go through the steps needed to set this up.
 

Setup your Shopify API

We will start by setting up your Shopify API. Log into your Shopify account and follow these steps.

First we will go to Apps then click on Manage private apps. This will take you to the Private apps page.

Click to Create a new private app. Give it a name and make sure that all the Admin API permissions are set to Read Access. Then save your new application.

Your Shopify project is now ready to integrate with prismic.io!
  

Create your Shopify Integration Field

Open a new tab in your browser and go to your prismic.io repository. To create your Shopify Integration Field, go to Settings / Integration Fields.

Click to create a new Shopify Integration Field. Enter a name and description for your your field, then enter the API information for your Shopify catalog. 

Make sure that your Endpoint is in the following format: yourstore.myshopify.com 

The API Key, Password, & Shared Secret can all be copy and pasted directly from your Shopify App settings.

 

Shopify Synchronization

Once you click Save, the Integration Field will automatically begin to crawl your Shopify catalog and sync all your products & data. Once everything is synced, you'll be able to add this field to your Custom Types.

 

Next Steps

Check out the following links to learn more about what comes next.

Add your Integration Field to a Custom Type
Selecting an Item in the editor

Did this answer your question?