Shopify app (video tutorial)

Last updated: Nov-14-2022

Overview

Watch this tutorial to learn about the Cloudinary app for Shopify to deliver fast loading, customizable, responsive media on your storefront.

Video tutorial


This video is brought to you by Cloudinary's video player - embed your own!

Tutorial contents

This tutorial presents the following topics. Click a timestamp to jump to that part of the video.

Install the custom app

Jump to this spot in the video  0:26 The official Cloudinary integration for Shopify is available as a Shopify custom app that can be installed in your Shopify store. Enabling the app for your store requires help from our support team.

Connect to Cloudinary

Jump to this spot in the video  0:54 Once the app is installed, connect to your Cloudinary account. In Shopify, open the Cloudinary app from the Apps menu item and click Connect to Cloudinary to log into Cloudinary.

Specify a folder in your Cloudinary Media Library

Jump to this spot in the video  1:18 In the Sync to Cloudinary section of the Settings page, enter the folder path in your Cloudinary Media Library to which you want to upload your media from Shopify. If the path doesn't exist in Cloudinary, it will be created when media is uploaded.

Upload media to the specified folder

Jump to this spot in the video  1:40 Click Start Media Upload to start uploading your product images and videos from Shopify to the specified folder in your Cloudinary Media Library. This process may take some time.

Inspect the uploaded files

Jump to this spot in the video  2:19 Once the media files have been uploaded, you can inspect them in your Cloudinary Media Library. Notice how they are stored in product-specific sub-folders.

Keep Shopify as the source of product media

Jump to this spot in the video  2:41 You can continue to upload media to Shopify and resync to Cloudinary each time you add files.

Make Cloudinary the source of product media

Jump to this spot in the video  3:09 Alternatively, you can make Cloudinary the source of product media, by storing all your assets in your Media Library, and adding them to Shopify via the Cloudinary Media Manager.

Modify theme templates to display media from Cloudinary

Jump to this spot in the video  3:53 Implement code changes in your theme templates to display media from Cloudinary on your storefront. Use the Cloudinary snippets that are installed with the app. If you change themes, you can download the snippets into your latest theme. Find out more about integrating the snippets into the code in the user guide.

Keep learning

Related topics

If you like this, you might also like...

SFCC Site Cartridge
Introduction to the Salesforce Commerce Cloud site cartridge
SAP Commerce Extension
Create rich media experiences on your storefront
SFMC App - Image Block
Learn how to use the Salesforce Marketing Cloud app

 

Cloudinary Academy

 

Check out Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.

 

✔️ Feedback sent!

Rate this page: