# Linking Shopify to your Sanity project

https://www.sanity.io/learn/course/sanity-and-shopify-with-hydrogen/linking-shopify-to-your-sanity-project.md

You now have a Shopify-compatible Sanity Studio. Let's fill it with Shopify product and collection content. 

## Visit your development store

You were asked to create a new development store in [Shopify Partners](https://partners.shopify.com) in the Prerequisites section. Locate that project, or create one if you haven't already done so.

## Set up Sanity Connect

For your convenience, Sanity has created the Shopify app [Sanity Connect](https://www.sanity.io/docs/sanity-connect-for-shopify)_._ It seamlessly syncs data from a Shopify store to a Sanity project.

If you have multiple Shopify stores, you may need to click "Switch stores" in the top right to install Sanity Connect into your new development store.

![Missing alt text](https://cdn.sanity.io/images/3do82whm/next/1be25634854beac7e8c5e17e181117335e6ef0a1-2144x1388.png)

1. **Install** the [Sanity Connect](https://apps.shopify.com/sanity-connect) app on your development store and follow the prompts.
2. **Connect** the development Shopify Store to the Sanity project you created in the previous exercise.

![Shopify Connect app screen on Shopify store dashboard](https://cdn.sanity.io/images/3do82whm/next/f3c6176a70efe32e14396619d45074b59d117ab1-2240x1488.png)

You will use the **default** sync options for this exercise:

* Choose **Direct sync**
* Choose **Sync automatically**

Now connected, Sanity Connect will automatically write product data from Shopify into your project whenever changes are made. The Studio you created in the previous exercise has the schema type shapes required to view this content.

In a production or other project, it’s possible to use a custom sync function to modify the fields synced to Sanity. While automatic sync—powered by Shopify webhooks—is typically sufficient for most use cases, it’s also possible to trigger it manually.

## Add some products

Now you have a Shopify store connected to Sanity with Sanity Connect – but there are no products to display. 

1. [Download this CSV file](https://cdn.sanity.io/files/3do82whm/next/ff648931c35ad2ac6f3f1d4c8f4e30ef9da23446.csv), go to **Products** in Shopify admin, and import it into your development store

The import may take a little time; once finished, it'll look like the one below. But while you wait...

![Shopify dashboard showing imported products](https://cdn.sanity.io/images/3do82whm/next/dd34934146c4380571ba07491a5fb91184a390a8-2240x1488.png)

...take a look at your Sanity Studio and watch as the products begin importing immediately, thanks to Sanity Connect.

![Sanity Studio showing product documents](https://cdn.sanity.io/images/3do82whm/next/9c81d47d85143d595614d001288010360969a557-2240x1488.png)

Try publishing some changes in Shopify to these products – such as pricing or availability – you’ll see them update in Sanity.

You’ll also notice in Sanity Studio that the fields this data is being written to are read-only. It’s not the intention for Sanity Studio to be a place to edit product details, just to embellish and editorialize those that come from Shopify, as it is the source of truth.

The editable fields on a product add extra information about a product. 

1. There are a few assumptions in the Shopify / Sanity setup. For example, the HTML description is synced from Shopify as a locked `readOnly` field in Sanity. Extra content should be added using [Portable Text](https://www.sanity.io/docs/block-content) in Sanity. Read more about other assumptions made in the [Shopify Studio repo](https://github.com/sanity-io/sanity-shopify-studio#assumptions).

## Going further

With more work, you could add schemas for different product types, develop a content structure for variants and products, or create new document types to build a complex content model.

For now, let’s press on with just the product details.

The next step is to create a front end to display this content. Let’s set up Hydrogen.