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:

1
{
2
  "id": "1234567890",
3
  "title": "My product",
4
  "handle": "my-product",
5
  "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra consequat diam. In metus risus, aliquam non massa tempus, gravida commodo orci.",
6
  "onlineStoreUrl": "https://graphql.myshopify.com/products/my-product",
7
  "availableForSale": true,
8
  "productType": "T-Shirts",
9
  "priceRange": {
10
    "maxVariantPrice": {
11
      "amount": "40.0",
12
      "currencyCode": "CAD"
13
    },
14
    "minVariantPrice": {
15
      "amount": "40.0",
16
      "currencyCode": "CAD"
17
    }
18
  },
19
  "images": {
20
    "edges": [
21
      {
22
        "node": {
23
          "src": "https://cdn.shopify.com/s/files/1/1312/0893/products/001_39681e15-ce94-48ca-830f-980b11868856_200x200_crop_center.jpg?v=1491851133"
24
        }
25
      }
26
    ]
27
  },
28
  "imageUrl": "https://cdn.shopify.com/s/files/1/1312/0893/products/001_39681e15-ce94-48ca-830f-980b11868856_200x200_crop_center.jpg?v=1491851133"
29
}

Obtain a Shopify API key

To request a Storefront API access token follow these instructions.

Remember to give products read permissions. Demo