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