Watch this tutorial to learn about the Cloudinary app for Shopify to deliver fast loading, customizable, responsive media on your storefront.
This video is brought to you by Cloudinary's video player - embed your own!
This tutorial presents the following topics. Click a timestamp to jump to that part of 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.|
|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 your Cloudinary account.|
|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.|
|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.|
|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.|
|2:41||You can continue to upload media to Shopify and resync to Cloudinary each time you add files.|
|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.|
|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.|
|5:10||See how media delivered from Cloudinary is optimized for format and quality, resulting in faster download times, improved customer experience and increased sales.|
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.