Integration Fields are still in beta and will be progressively deployed to all repositories. This feature allows you to connect your Prismic repository to an external API. If you don't already have Integration Fields in your repository, don't hesitate to reach out on the community forum and send us a message to get it activated.
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:
The API Key, Password, & Shared Secret can all be copy and pasted directly from your Shopify App settings.
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.
Check out the following links to learn more about what comes next.