Skip to content
👀 See Sanity in action: Watch product demo now →
Sanity
Get started
  • Sanity Studio - Flexible editing environment
  • Content Lake - Real-time database
  • Developer experience - Tooling you love
  • Structured content - The philosophy behind Sanity
  • Review changes - View edits & rollback instantly
  • Image pipeline - On-demand transformations
  • E-commerce - Better shopping experiences
  • Marketing sites - Control your story
  • Products & services - Innovate and automate
  • Mobile apps - Content backend for every OS
  • Aether - Unique digital shopping experience
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Resource library
  • Headless CMS
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Agency partners
  • Technology partners
  • Get support
  • Share your work
  • Enterprise SSO
EnterprisePricing
Contact salesLog inGet started
Published November 15th 2021

Sanity now available on Shopify

Sanity launches solutions on Shopify empowering merchants to build unique shopping experiences.

Marcus Sarmento

Former Head of Product Marketing at Sanity

Even Eidsten Westvang

Even is a Sanity.io co-founder and product person

Today we’re releasing a set of solutions that make it easier to build unique shopping experiences on Shopify’s platform. Some are built using the developer preview of Hydrogen, Shopify’s new front-end React framework.

Try Sanity Connect for Shopify

Our e-commerce customers tell us they get a ton of value from Sanity. Our structured content philosophy is a big reason why. Structured content lets you centralize your data and ultimately get to market faster. Since you have a single source of truth for all your product information, you can easily sync and enrich that data across your e-commerce technology stack via API. And because you operate within an efficient editing environment and can make rapid iterations, you have the ability to get new product pages, flash sales, and campaigns to market faster.

With the new apps and tools, we’re making available to Shopify’s merchants today, we’re taking the value we deliver to e-commerce to the next level. Today we’re releasing an app on the Shopify marketplace, a query connector plugin, and a demo store app. These give you a way to combine Shopify products and marketing content so you can build unique shopping experiences that convert. Use Sanity and Shopify to set your store apart and keep your customers coming back.

Sanity Connect for Shopify

Sanity Connect, available on the Shopify app store, helps onboard new merchants to our platform and sync your Shopify product data with Sanity. Check out our integration video and documentation to learn more about the app and how to get started. Sanity Connect also comes with a best practices Sanity Studio to let you start authoring with products right away.

Demo store app

Using the developer preview for Hydrogen we also built a demo store (live demo). It gives you a glimpse of what’s possible for your storefront when using Sanity and Shopify together with Hydrogen. It gives great examples of combining block text with products so you can create great product marketing featuring your own products. Learn more and get the source code on GitHub.

Sanity query plugin for Hydrogen

UseSanityQuery lets you query Sanity data, and combine it with live inventory from Shopify, and present that information with Hydrogen components. See the readme for more information.

If you already use Sanity and Shopify, or are considering it, we encourage you to check out our new Shopify solutions and let us know what you think!

Page content

  • Sanity Connect for Shopify
  • Demo store app
  • Sanity query plugin for Hydrogen

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & Compliance
  • Sanity vs Contentful
  • Sanity vs Strapi
  • Sanity vs Adobe Experience Manager
  • Sanity vs Hygraph
  • Sanity vs Sitecore
  • Sanity vs Storyblok
  • Sanity vs Contentstack
  • Sanity vs Prismic
  • Sanity vs Drupal

Resources

Documentation
  • React Blog
  • Gatsby Blog
  • Next.js Landing Pages
  • Progressive Web Application
  • Single Page Application
  • Svelte & Typescript App
  • Vue & Tailwind Blog
  • Developer Portfolio Templates
  • Form validation with Yup
  • Live Preview with Next.js and Sanity.io
Resource library
  • Agency partners
  • Technology partners
  • Blog Template
  • Personal Website Template
  • Developer Portfolio Templates
  • All Templates
Case Studies
  • Headless CMS
  • What is an API CMS
  • Static Sites 101
  • Headless SEO
  • Localization
  • GraphQL vs REST
  • What is a DXP?
  • Typescript 101
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • Content platform
  • Multilingual CMS
  • Static Site CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS
  • Mobile apps CMS

Company

Contact SalesEnterpriseCareersTerms of ServiceAccessibility Statement

Stay connected

  • GitHub
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS
  • Newsletter
©Sanity 2023