Example: Cloudinary-Shopify Zap
Learn about the official Shopify integration.
Overview
Shopify is an e-commerce platform that enables you to set up your own online shop. It offers a suite of services including payments, marketing, shipping and customer engagement tools to simplify the process of running an online store for merchants.
Key to online retail is having relevant images portraying your products. By retrieving these from Cloudinary, you can maintain a single source of truth for all your assets, with all the DAM benefits that Cloudinary offers.
After you've performed the one-time configuration of the Cloudinary-Shopify Zap as described in the video tutorial below, you can assign individual Cloudinary images to a Shopify product, then trigger the automatic upload of the images to Shopify by adding contextual metadata and tags as follows:
Contextual metadata | Tags |
---|---|
Key: productid Value: <product ID> |
<product ID> toshopify |
For example, here, the selected image in the Cloudinary media library is assigned to the product with ID 4923101380653
in Shopify:
When you add the toshopify
tag, it triggers the Zap to upload the image to the specified product page in Shopify:
Configuring the Shopify Zap
Download the Cloudinary-Shopify Zap import file, then watch this video to see how to import and configure it:
Imported metadata
When a Cloudinary image is uploaded to Shopify, it includes all metadata and tags:
- Alt text for the image in Shopify is taken from the Description contextual metadata entry in Cloudinary.
- Any tags that are applied in Cloudinary are transferred across to Shopify, aggregated to the product.
- The value of the
position
key, set in the contextual metadata in Cloudinary, is used to specify the position of the image in Shopify's product gallery. For example, settingposition
to3
places the image third in the gallery. If you want the image to be the main image that is shown in the catalog, setposition
to1
.
NoteWhen Cloudinary's Product Gallery is used instead of Shopify's, the assets are ordered alphanumerically by public ID.
You may also want to take a look at Cloudinary's five-chapter Guide to Building the Ultimate E-Commerce Website. The guide includes suggestions by e-commerce and technical experts on how to build a versatile marketplace by selecting automated e-commerce and CMS platforms that help you create, modify, and deploy adaptable user experiences.