---
title: Shopify Setup
description: Configure Shopify's Headless channel, Search & Discovery, and optional storefront apps.
type: guide
prerequisites:
  - /docs/getting-started
---

# Shopify Setup



Publish your catalog to the **Headless** sales channel first. Add the other Shopify apps only when you need their storefront features.

## Publish products to Headless

Install Shopify's **Headless** sales channel and create a storefront. Enable the required [Storefront API permissions](/docs/reference/storefront-api-permissions), then publish the products and collections you want to show to **Headless**. Content published only to **Online Store** does not appear in Vercel Shop.

To attribute server-side cart activity to this storefront, copy the storefront's numeric ID to `NEXT_PUBLIC_SHOPIFY_STOREFRONT_ID`.

## Configure filters and recommendations

Install [Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) to configure collection and search filters. You can also assign complementary products, which appear as “Pairs Well With” on product pages. Shopify supplies related product recommendations automatically.

## Publish fixed bundles

Install [Shopify Bundles](https://apps.shopify.com/shopify-bundles) if you sell fixed bundles. Publish every bundle to **Headless**; bundles published only to **Online Store** do not appear in the storefront.

## Next steps

<Cards>
  <Card title="Product Setup" href="/docs/shopify/pdp">
    Configure variants, swatches, recommendations, bundles, and product SEO.
  </Card>

  <Card title="Shopify Integration" href="/docs/shopify">
    See how Shopify concepts map to storefront routes and features.
  </Card>

  <Card title="Webhooks" href="/docs/anatomy/webhooks">
    Keep cached storefront data in sync with Shopify Admin changes.
  </Card>
</Cards>


---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/agents.md](/agents.md)