{"id":22068,"date":"2020-05-19T14:20:37","date_gmt":"2020-05-19T21:20:37","guid":{"rendered":"http:\/\/integrating_cloudinary_into_shopify_the_technical_details"},"modified":"2026-09-14T12:49:51","modified_gmt":"2026-09-14T19:49:51","slug":"integrating_cloudinary_into_shopify_the_technical_details","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","title":{"rendered":"Supercharge Shopify Conversions and Revenue with Cloudinary"},"content":{"rendered":"\n<p>Searching for a surefire way to improve conversion rates in your e-commerce store? Then it\u2019s time to enhance the user experience with high quality, immersive visuals without compromising performance.&nbsp;<\/p>\n\n\n\n<p>E-commerce shoppers love visual media \u2014 robust product galleries, product videos, high-definition zoom-in functionality \u2014 and increasingly rely on it to make their purchasing decisions. As more and more merchants realize the tremendous engagement opportunities that rich visual media presents, they also need ways to manage and optimize large amounts of media that can slow down the experience to a crawl without proper attention.&nbsp;<\/p>\n\n\n\n<p>Great visuals simply can\u2019t come at the expense of performance. Study after study has shown that faster the page speed, the better the conversion rate. For example, <a href=\"https:\/\/www.cloudflare.com\/learning\/performance\/more\/website-performance-conversion-rates\/\">Walmart found<\/a> that for every 1 second improvement in page load time, conversions increased by 2%. For a store doing $10 million in annual sales, a 2% revenue bump translates to an extra $200,000 a year!<\/p>\n\n\n\n<p>That\u2019s why Cloudinary is excited to announce our Shopify app. Our rich media management capabilities can now be integrated with Shopify to improve the merchant and shopper experience. This makes it even easier for Shopify merchants to elevate their online selling experience by delivering incredible visual-first experiences that also load quickly.<\/p>\n\n\n\n<p>What does this integration mean for Shopify merchants? Read on.&nbsp;&nbsp;<\/p>\n\n\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>As of December 15, 2023, the Cloudinary app for Shopify will no longer be supported and no new functionality or fixes will be provided.  However, those already using the existing app can continue to use it AS IS. You can also submit a <a href=\"https:\/\/support.cloudinary.com\/hc\/en-us\/requests\/new\">request<\/a> if you\u2019d like to try out this \u201cAS IS\u201d app.<\/p>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Simplified Media Management<\/h2>\n\n\n\n<p>First, the new integration allows Shopify merchants to quickly and easily deliver stand-out visual experiences that improve customer engagement and boost sales. Building on a decade of media management expertise, Cloudinary eliminates the pain of manually managing visual assets and empowers Shopify merchants to accelerate time-to-market and create exceptional&nbsp; store experiences. Key workflow benefits of the integration include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensured support for emerging image formats including AVIF and and video codecs including VP9 and HEVC and formats such as WebM.&nbsp;<\/li>\n\n\n\n<li>Automatic creation of a full range of image variants from a single high-resolution original that are easily published across all customer touch points and to multiple Shopify stores<\/li>\n\n\n\n<li>No extra file copies, no extra uploads, and easy republishing when image edits are needed on the fly<\/li>\n\n\n\n<li>One-click upload of images, videos, and metadata into Cloudinary for a single source of truth for all product media<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1660166795\/enhanced_editing_toolsblog.png\" alt=\"\" style=\"width:794px;height:725px\"\/><\/figure>\n<\/div>\n\n\n<p>What all this means is that the heavy lifting usually associated with some aspects of visual-first selling is simplified via Cloudinary, letting sellers focus on other aspects of their virtual stores.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Intelligent Optimization of Images and Videos<\/h2>\n\n\n\n<p>With Cloudinary, Shopify merchants can amplify the value of product detail pages (PDPs) and collections by automatically delivering a customized rich media experience. They can guarantee the best file format at the smallest size and highest quality based on browser, device, and geographic location. They can rest easy, knowing their websites, full of engaging, visual-first experiences, load in less time and with fewer resources \u2014 without sacrificing quality.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1660166795\/intelligent_media_optimizationblog.png\" alt=\"\" style=\"width:751px;height:583px\"\/><\/figure>\n<\/div>\n\n\n<p>Results from a head-to-head comparison using WebPageTest, an industry-standard web performance testing tool, confirms that using Cloudinary with Shopify:&nbsp;<\/p>\n\n\n\n<p><strong>Reduces image weight by up to 50% and increases page load speeds by up to 58%<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1660166795\/shopify_infographic_Image_Optimization02blog.jpg\" alt=\"\" style=\"width:840px;height:438px\"\/><\/figure>\n\n\n\n<p><strong>Reduces video file sizes by up to 77%, ensuring quick playback, seamless seeking, and no annoying buffering<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1660166795\/shopify_infographic_video02blog.jpg\" alt=\"\" style=\"width:600px;height:314px\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">More Control Over Your Visual Experiences<\/h2>\n\n\n\n<p>As if all this weren\u2019t enough, Shopify merchants can also tackle even more ambitious media concepts without overextending their development team or risking undesirable results for some users. For example, Cloudinary brings new capabilities to the Shopify platform that allow merchants to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Access editing tools that automatically resize, crop, and transcode using content-aware AI to fit any design or layout<\/li>\n\n\n\n<li>Create no-code custom product galleries that enable brand consistency and save on development time<\/li>\n\n\n\n<li>Automate and remove the burden from developers to manage asset responsiveness to the screen type and orientation of the user device, depending on the content of the image<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Future-Proofing Visual Selling With Flexible Solutions<\/h2>\n\n\n\n<p>Because we never know what tomorrow will bring, Cloudinary\u2019s solution is also flexible enough to support modern, emerging file types to future-proof your media platform investment. As a best-of-breed SaaS platform, Cloudinary is always on the cutting edge of enabling terrific visual experiences and eliminating mundane tasks developers are otherwise tasked with.&nbsp;<\/p>\n\n\n\n<p>What are you waiting for? <a href=\"http:\/\/www.cloudinary.com\/shopify\">Learn more<\/a> about the Shopify and Cloudinary integration and get started today!&nbsp;<\/p>\n\n\n\n<style>\n.wbn h2.c-heading-permalink__heading {\n    font-size: 32px !important;\n    font-weight: 300;\n}\t\n.cd-sticky-contact-form-wrapper\t{display: none;}\n\t\n.wbn,\n.wbn *,\n.wbn *::before,\n.wbn *::after { box-sizing: border-box; }\n\n.wbn {\n  --spine-w: 35px;\n  --panel-w: 437.5px;\n  --brand: #0095FF;\n  --spine-bg: #0095FF;\n  --spine-fg: #ffffff;\n  --spine-bg-open: #E7F5FF;\n  --spine-fg-open: #0095FF;\n  --tint: #E7F5FF;\n  --eyebrow: #48C4D8;\n  --ink: #27292F;\n  --body: #363D45;\n  --radius: 7px;\n  --panel-h: 350px;\n  --shadow: 0 12px 40px -8px rgba(18, 40, 60, .28), 0 2px 8px rgba(18, 40, 60, .10);\n  --ease: cubic-bezier(.22, .61, .36, 1);\n\n  position: fixed;\n  right: 0;\n  bottom: 24px;\n  z-index: 9999;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n  font-family: Inter, system-ui, sans-serif;\n}\n\n\/* hidden until the timer or the scroll threshold fires.\n   visibility (not just opacity) keeps it out of tab order and the a11y tree *\/\n.wbn[data-ready=\"false\"] {\n  visibility: hidden;\n  opacity: 0;\n  transform: translateX(calc(100% + 12px));\n}\n.wbn[data-ready=\"true\"] {\n  visibility: visible;\n  opacity: 1;\n  transform: translateX(0);\n  transition: transform .5s var(--ease), opacity .4s var(--ease);\n}\n\n\/* one shadow for the whole widget: sits behind spine + panel and\n   grows with the drawer, so the card is lit on all four sides *\/\n.wbn::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: var(--spine-w);\n  border-radius: var(--radius) 0 0 var(--radius);\n  box-shadow: var(--shadow);\n  pointer-events: none;\n  z-index: 0;\n  transition: width .42s var(--ease);\n}\n.wbn[data-open=\"true\"]::before { width: 100%; }\n\n\/* --- spine \/ collapsed tab --- *\/\n.wbn__spine {\n  flex: none;\n  width: var(--spine-w);\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 44px 0 18px;\n  border: 0;\n  border-radius: var(--radius) 0 0 var(--radius)!important;\n  background: var(--spine-bg);\n  color: var(--spine-fg);\n  cursor: pointer;\n  position: relative;\n  z-index: 2;\n  transition: background .3s var(--ease), color .3s var(--ease),\n              border-radius .42s var(--ease);\n}\n\/* open: the panel abuts the spine, so square off the seam *\/\n.wbn[data-open=\"true\"] .wbn__spine {\n  background: var(--spine-bg-open);\n  color: var(--spine-fg-open);\n  border-radius: 0!important;\n}\n.wbn__spine:focus-visible {\n  outline: 3px solid var(--ink);\n  outline-offset: 3px;\n}\n\n\/* beat the theme's global button:hover \/ :focus colours *\/\nbutton.wbn__spine:focus,\nbutton.wbn__spine:hover {\n  background: #0095FF!important;\n  color: #fff!important;\n}\n\/* ...but the open state keeps its own pale-blue spine *\/\n.wbn[data-open=\"true\"] button.wbn__spine:focus,\n.wbn[data-open=\"true\"] button.wbn__spine:hover {\n  background: #E7F5FF!important;\n  color: #0095FF!important;\n}\n\n.wbn__label {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  transition: opacity .25s var(--ease);\n}\n.wbn[data-open=\"true\"] .wbn__label { opacity: 0; }\n.wbn__chev {\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  margin-left: -5.5px;\n  width: 11px;\n  height: 11px;\n  transform: rotate(180deg);\n  transition: transform .35s var(--ease);\n}\n.wbn[data-open=\"true\"] .wbn__chev { transform: rotate(0deg); }\n\n\/* --- sliding panel --- *\/\n.wbn__reveal {\n  position: relative;\n  z-index: 1;\n  width: min(var(--panel-w), calc(100vw - var(--spine-w) - 12px));\n  overflow: hidden;\n  pointer-events: none;\n}\n.wbn[data-open=\"true\"] .wbn__reveal { pointer-events: auto; }\n\n.wbn__panel {\n  position: relative;\n  width: 100%;\n  min-height: var(--panel-h);\n  background: #fff;\n  border-radius: var(--radius) 0 0 var(--radius);\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 145px;\n  align-items: start;\n  column-gap: 12px;\n  padding: 18px 24px 24px;\n  transform: translateX(101%);\n  transition: transform .42s var(--ease);\n}\n.wbn[data-open=\"true\"] .wbn__panel { transform: translateX(0); }\n\n.wbn__logo {\n  grid-column: 1 \/ -1;\n  width: 114px;\n  height: 22px;\n  object-fit: contain;\n  object-position: left center;\n  display: block;\n  margin-bottom: 27px;\n}\n.wbn__eyebrow {\n  margin: 0 0 4px;\n  color: var(--eyebrow);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n.wbn__title {\n  margin: 0 0 4px;\n  color: var(--ink);\n  font-size: 31.5px;\n  font-weight: 300;\n  line-height: 1.2;\n}\n.wbn__copy {\n  margin: 0;\n  color: var(--body);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n}\n.wbn__foot {\n  grid-column: 1 \/ -1;\n  margin-top: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n}\n.wbn__when {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--body);\n  font-size: 15.75px;\n  font-weight: 500;\n}\n.wbn__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 13px 28px;\n  border-radius: 28px;\n  background: var(--brand);\n  color: #fff!important;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: background .2s var(--ease);\n  margin-top: 15px;\n}\n.wbn__cta:hover { background: #007ad4; }\n.wbn__cta:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }\n\n\/* --- image --- *\/\n.wbn__img {\n  align-self: start;\n  width: 100%;\n  height: auto;\n  aspect-ratio: 151 \/ 168;\n  object-fit: cover;\n  border-radius: var(--radius);\n  display: block;\n}\n\n@media (max-width: 600px) {\n  .wbn {\n    bottom: 12px;\n    --panel-h: 320px;\n  }\n  .wbn__panel {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 24px 20px;\n  }\n  \/* single column: the image falls between the copy and the date *\/\n  .wbn__img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    margin-top: 16px;\n  }\n  .wbn__title { font-size: 26px; }\n  .wbn__foot { margin-top: 16px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wbn__panel, .wbn__chev, .wbn::before { transition: none; }\n  .wbn[data-ready=\"false\"] { transform: none; }\n  .wbn[data-ready=\"true\"] { transition: opacity .2s linear; }\n}\n<\/style>\n\n<aside class=\"wbn\" id=\"webinarBanner\"\n       data-open=\"false\"\n       data-ready=\"false\"\n       data-delay=\"5000\"\n       data-scroll=\"0.3\"\n       data-key=\"cld_webinar_ag_jeans_2026_09\"\n       data-days=\"30\">\n  <button class=\"wbn__spine\" type=\"button\"\n          aria-expanded=\"false\" aria-controls=\"webinarPanel\">\n    <svg class=\"wbn__chev\" viewBox=\"0 0 11 11\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M3 1.5 L8 5.5 L3 9.5\" stroke=\"currentColor\" stroke-width=\"1.75\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n    <\/svg>\n    <span class=\"wbn__label\">Webinar<\/span>\n    <span class=\"sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)\">Open webinar details<\/span>\n  <\/button>\n\n  <div class=\"wbn__reveal\">\n    <div class=\"wbn__panel\" id=\"webinarPanel\">\n      <img loading=\"lazy\" decoding=\"async\" class=\"wbn__logo\"\n           src=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/w_500,h_97,c_scale\/f_auto,q_auto\/v1746079642\/Cloudinary_Logo_Primary\/Cloudinary_Logo_Primary.png?_i=AA\"\n           width=\"114\" height=\"22\" alt=\"Cloudinary\">\n\n      <div>\n        <p class=\"wbn__eyebrow\">Webinar<\/p>\n        <h2 class=\"wbn__title\">20% More Conversions From 1 Second<\/h2>\n        <p class=\"wbn__copy\">See how AG Jeans rebuilt Shopify content ops for peak traffic.<\/p>\n      <\/div>\n\n      <img decoding=\"async\" class=\"wbn__img\"\n           src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/f_auto,q_auto\/v1789145752\/banner-img-ag.png\"\n           width=\"145\" height=\"161\" alt=\"\" loading=\"lazy\">\n\n      <div class=\"wbn__foot\">\n        <span class=\"wbn__when\">\n          <svg width=\"15\" height=\"17\" viewBox=\"0 0 15 17\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M1.62059 16.2059C1.17493 16.2059 0.793414 16.0472 0.476048 15.7298C0.158683 15.4125 0 15.031 0 14.5853V3.24118C0 2.79552 0.158683 2.414 0.476048 2.09664C0.793414 1.77927 1.17493 1.62059 1.62059 1.62059H2.43088V0H4.05148V1.62059H10.5338V0H12.1544V1.62059H12.9647C13.4104 1.62059 13.7919 1.77927 14.1093 2.09664C14.4266 2.414 14.5853 2.79552 14.5853 3.24118V14.5853C14.5853 15.031 14.4266 15.4125 14.1093 15.7298C13.7919 16.0472 13.4104 16.2059 12.9647 16.2059H1.62059ZM1.62059 14.5853H12.9647V6.48236H1.62059V14.5853ZM1.62059 4.86177H12.9647V3.24118H1.62059V4.86177Z\" fill=\"currentColor\"\/>\n          <\/svg>\n          Live Wed, Sept 17, 2026\n        <\/span>\n        <a class=\"wbn__cta\" href=\"https:\/\/lp.cloudinary.com\/wnr.lp.nap.get-holiday-season-ready.html\">Save my seat<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/aside>\n\n<script>\n(function () {\n  var banner = document.getElementById('webinarBanner');\n  if (!banner) return;\n\n  var spine    = banner.querySelector('.wbn__spine');\n  var cta      = banner.querySelector('.wbn__cta');\n\n  var DELAY = parseInt(banner.dataset.delay, 10) || 5000;\n  var AT    = parseFloat(banner.dataset.scroll) || 0.3;\n  var KEY   = banner.dataset.key || 'cld_webinar_banner';\n  var DAYS  = parseFloat(banner.dataset.days) || 30;\n  var TTL   = DAYS * 24 * 60 * 60 * 1000;\n\n  \/* persistence, wrapped: storage throws in Safari private mode and\n     anywhere cookies\/storage are blocked.\n     we store the click timestamp so suppression can expire *\/\n  function converted() {\n    try {\n      var at = parseInt(window.localStorage.getItem(KEY), 10);\n      if (!at) return false;\n      if (Date.now() - at < TTL) return true;\n      window.localStorage.removeItem(KEY);       \/\/ lapsed: clean up and show again\n      return false;\n    } catch (e) { return false; }\n  }\n  function markConverted() {\n    try { window.localStorage.setItem(KEY, String(Date.now())); } catch (e) {}\n  }\n\n  \/* clicked through on an earlier visit: take it out of the page entirely *\/\n  if (converted()) {\n    banner.parentNode.removeChild(banner);\n    return;\n  }\n\n  \/* reveal on whichever trigger fires first *\/\n  var shown = false;\n  var timer = setTimeout(show, DELAY);\n\n  function show() {\n    if (shown) return;\n    shown = true;\n    clearTimeout(timer);\n    window.removeEventListener('scroll', onScroll);\n    banner.dataset.ready = 'true';\n  }\n\n  function onScroll() {\n    var doc = document.documentElement;\n    var scrollable = doc.scrollHeight - window.innerHeight;\n    if (scrollable <= 0) return;                  \/\/ page too short to scroll\n    if ((window.pageYOffset || doc.scrollTop) \/ scrollable >= AT) show();\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();                                     \/\/ catches a restored scroll position\n\n  \/* the CTA click is the conversion signal *\/\n  cta.addEventListener('click', markConverted);\n\n  \/* drawer open \/ close *\/\n  function setOpen(open) {\n    banner.dataset.open = open ? 'true' : 'false';\n    spine.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  spine.addEventListener('click', function () {\n    setOpen(banner.dataset.open !== 'true');\n  });\n\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape' && banner.dataset.open === 'true') {\n      setOpen(false);\n      spine.focus();\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Searching for a surefire way to improve conversion rates in your e-commerce store? Then it\u2019s time to enhance the user experience with high quality, immersive visuals without compromising performance.&nbsp; E-commerce shoppers love visual media \u2014 robust product galleries, product videos, high-definition zoom-in functionality \u2014 and increasingly rely on it to make their purchasing decisions. As [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":24847,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[89,98,305],"class_list":["post-22068","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-digital-asset-management","tag-e-commerce","tag-video-api"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Supercharge Shopify Conversions and Revenue with Cloudinary<\/title>\n<meta name=\"description\" content=\"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Supercharge Shopify Conversions and Revenue with Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-19T21:20:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T19:49:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Supercharge Shopify Conversions and Revenue with Cloudinary\",\"datePublished\":\"2020-05-19T21:20:37+00:00\",\"dateModified\":\"2026-09-14T19:49:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details\"},\"wordCount\":741,\"publisher\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1660163109\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA\",\"keywords\":[\"Digital Asset Management\",\"E-commerce\",\"Video API\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details\",\"url\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details\",\"name\":\"Supercharge Shopify Conversions and Revenue with Cloudinary\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1660163109\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA\",\"datePublished\":\"2020-05-19T21:20:37+00:00\",\"dateModified\":\"2026-09-14T19:49:51+00:00\",\"description\":\"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage\",\"url\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1660163109\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA\",\"contentUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1660163109\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\\\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/integrating_cloudinary_into_shopify_the_technical_details#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Supercharge Shopify Conversions and Revenue with Cloudinary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1649718331\\\/Web_Assets\\\/blog\\\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\\\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/cloudinary-marketing\\\/images\\\/f_auto,q_auto\\\/v1649718331\\\/Web_Assets\\\/blog\\\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\\\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/cloudinary.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Supercharge Shopify Conversions and Revenue with Cloudinary","description":"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","og_locale":"en_US","og_type":"article","og_title":"Supercharge Shopify Conversions and Revenue with Cloudinary","og_description":"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.","og_url":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","og_site_name":"Cloudinary Blog","article_published_time":"2020-05-19T21:20:37+00:00","article_modified_time":"2026-09-14T19:49:51+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details"},"author":{"name":"","@id":""},"headline":"Supercharge Shopify Conversions and Revenue with Cloudinary","datePublished":"2020-05-19T21:20:37+00:00","dateModified":"2026-09-14T19:49:51+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details"},"wordCount":741,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","keywords":["Digital Asset Management","E-commerce","Video API"],"inLanguage":"en-US","copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","url":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","name":"Supercharge Shopify Conversions and Revenue with Cloudinary","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","datePublished":"2020-05-19T21:20:37+00:00","dateModified":"2026-09-14T19:49:51+00:00","description":"Automate visual media management for your Shopify store with Cloudinary to improve the user experience, accelerate conversions, and simplify your workflows.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Supercharge Shopify Conversions and Revenue with Cloudinary"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"parsely":{"version":"1.1.0","canonical_url":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","smart_links":{"inbound":0,"outbound":0},"traffic_boost_suggestions_count":0,"meta":{"@context":"https:\/\/schema.org","@type":"NewsArticle","headline":"Supercharge Shopify Conversions and Revenue with Cloudinary","url":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA&w=150&h=150&crop=1","image":{"@type":"ImageObject","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA"},"articleSection":"Uncategorized","author":[],"creator":[],"publisher":{"@type":"Organization","name":"Cloudinary Blog","logo":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA"},"keywords":["digital asset management","e-commerce","video api"],"dateCreated":"2020-05-19T21:20:37Z","datePublished":"2020-05-19T21:20:37Z","dateModified":"2026-09-14T19:49:51Z"},"rendered":"<meta name=\"parsely-title\" content=\"Supercharge Shopify Conversions and Revenue with Cloudinary\" \/>\n<meta name=\"parsely-link\" content=\"https:\/\/cloudinary.com\/blog\/integrating_cloudinary_into_shopify_the_technical_details\" \/>\n<meta name=\"parsely-type\" content=\"post\" \/>\n<meta name=\"parsely-image-url\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA&w=150&amp;h=150&amp;crop=1\" \/>\n<meta name=\"parsely-pub-date\" content=\"2020-05-19T21:20:37Z\" \/>\n<meta name=\"parsely-section\" content=\"Uncategorized\" \/>\n<meta name=\"parsely-tags\" content=\"digital asset management,e-commerce,video api\" \/>","tracker_url":"https:\/\/cdn.parsely.com\/keys\/cloudinary.com\/p.js"},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1660163109\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2\/Cld_Blog_FeatImg_Aug2k22_ShopifyLaunch2.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=22068"}],"version-history":[{"count":7,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22068\/revisions"}],"predecessor-version":[{"id":40443,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22068\/revisions\/40443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/24847"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=22068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=22068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=22068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}