> ## Documentation Index
> Fetch the complete documentation index at: https://docs.upstackdata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Install Upstack on Shopify

> Connect your Shopify store to Upstack from the Upstack dashboard and start capturing server-side events in under 10 minutes.

Connect Shopify from inside the Upstack dashboard — not from the Shopify App Store. Sign in to Upstack, open **Data Sources → Shopify**, then authorize the install in your Shopify Admin. From there, enable the theme app extension, add the custom pixel, and verify events.

<Info>
  **Prerequisite:** an active Upstack Data account. If you haven't already, [create your Upstack account](/get-started/create-an-account) before continuing.
</Info>

<CardGroup cols={1}>
  <Card title="Complete Shopify setup guide" icon="arrow-right" href="/guides/shopify/complete-how-to-guide-for-setting-up-the-upstack-data-app-in-shopify">
    Step-by-step walkthrough with screenshots covering all parts.
  </Card>
</CardGroup>

## Individual step guides

<CardGroup cols={2}>
  <Card title="Install the app" icon="download" href="/guides/shopify/how-to-download-and-install-upstack-data-app-in-shopify">
    Connect your Shopify store from the Upstack dashboard.
  </Card>

  <Card title="Enable theme extension" icon="toggle-on" href="/guides/shopify/how-to-ensure-upstack-data-theme-app-extension-is-enabled">
    Verify the theme app extension is active in your Shopify theme editor.
  </Card>

  <Card title="Install Pixel Helper" icon="puzzle-piece" href="/guides/shopify/how-to-install-upstack-data-pixel-helper">
    Install the browser extension to debug pixel events in real time.
  </Card>

  <Card title="Pixel privacy settings" icon="shield-halved" href="/guides/shopify/how-to-setup-upstack-custom-pixel-privacy-settings">
    Configure consent and privacy settings for the Upstack custom pixel.
  </Card>
</CardGroup>

## Headless Shopify

If your storefront runs on Shopify Hydrogen, Next.js, Remix, or another custom framework, the theme app extension won't load. Use the Upstack JavaScript SDK instead.

<CardGroup cols={1}>
  <Card title="Headless Shopify installation" icon="code" href="/installation/headless-shopify">
    Install the Upstack pixel via CDN script or the `@upstackdata/pixel` npm package on Hydrogen, Next.js, Remix, and other custom storefronts.
  </Card>
</CardGroup>

## Next step

<CardGroup cols={1}>
  <Card title="Verify events are flowing" icon="arrow-right" href="/get-started/verify-events">
    Confirm your store is sending the right events and they appear in the dashboard.
  </Card>
</CardGroup>