🎈 Welcome to the Marketplace — Explore and discover the ecosystem around DatoCMS, and share your own work with the community!

Shopify product

A plugin that allows users to search and select Shopify products

This is a Community Plugin! Learn how create your own plugin, or copy and remix existing ones in our documentation

DatoCMS Shopify product plugin

A plugin that allows users to search and select Shopify products.

Configuration

Please specify your Shopify domain and Storefront access token on the plugin global settings:

Demo

You can either hook this plugin manually to your single-line and JSON fields, or specifying an automatic match rule based on the API key.

If you hook this plugin to a single-line field it will save the product handle.

If you hook it to a JSON field, it will save a JSON containing all the product's info. Like this:

{
"id": "1234567890",
"title": "My product",
"handle": "my-product",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra consequat diam. In metus risus, aliquam non massa tempus, gravida commodo orci.",
"onlineStoreUrl": "https://graphql.myshopify.com/products/my-product",
"availableForSale": true,
"productType": "T-Shirts",
"priceRange": {
"maxVariantPrice": {
"amount": "40.0",
"currencyCode": "CAD"
},
"minVariantPrice": {
"amount": "40.0",
"currencyCode": "CAD"
}
},
"images": {
"edges": [
{
"node": {
"src": "https://cdn.shopify.com/s/files/1/1312/0893/products/001_39681e15-ce94-48ca-830f-980b11868856_200x200_crop_center.jpg?v=1491851133"
}
}
]
},
"imageUrl": "https://cdn.shopify.com/s/files/1/1312/0893/products/001_39681e15-ce94-48ca-830f-980b11868856_200x200_crop_center.jpg?v=1491851133"
}

Obtain a Shopify API key

To request a Storefront API access token follow these instructions.

Remember to give products read permissions.

Demo

Shopify product
A plugin that allows users to search and select Shopify…
Publisher
Author gravatarstefanoverna
Package
Visit NPM
Current version
1.0.1
Installs count
Last update