Shopify is an eCommerce 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 small 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:
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:
Download the Cloudinary-Shopify Zap import file, then watch this video to see how to import and configure it:
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
positionkey, set in the contextual metadata in Cloudinary, is used to specify the position of the image in Shopify's product gallery. For example, setting
3places the image third in the gallery. If you want the image to be the main image that is shown in the catalog, set
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.