# Shopify (/yoursizer/integrations/shopify)

<PlatformHeader name="Shopify" method="Admin REST · OAuth app install" />

YourSizer is listed on the Shopify App Store as **YourSizer**. You can install it from the App Store, or connect from the merchant panel as shown here — both end in the same connection.

## Connect with Shopify (recommended) [#connect-with-shopify-recommended]

<Shot
  src="/screens/yoursizer/shopify-oauth.jpg"
  alt="Shopify connections page in the YourSizer merchant panel: Connect with Shopify tab with a Store address field and a Connect to Shopify button."
  caption="Integrations → Shopify → Connect with Shopify."
/>

<Steps>
  <Step>
    **Enter your store address.** Your own domain works — `www.mybrand.com` — and the panel finds the `mybrand.myshopify.com` address for you. If you are unsure, it is in Shopify admin under **Settings → Domains**.
  </Step>
  <Step>
    **Click Connect to Shopify.** Shopify opens and asks you to approve the app’s permissions for your store.
  </Step>
  <Step>
    **Approve, and you are back in the panel.** The store appears under **Store**, and products, variants and stock start importing. Order signals follow as orders come in.
  </Step>
  <Step>
    **Turn on the app embed.** In Shopify’s theme editor, under **App embeds**, switch on YourSizer. The size button then appears on product pages — no theme code to edit.
  </Step>
</Steps>

## Connect with a token (advanced) [#connect-with-a-token-advanced]

If you already run a custom app for your store, you can connect with its Admin API token instead. For new stores OAuth is the recommended path.

<Shot
  src="/screens/yoursizer/shopify-token.jpg"
  alt="Shopify connections page, Connect with token tab: Store name and Admin API token fields with a Connect with token button."
  caption="Integrations → Shopify → Connect with token: store name plus an Admin API token (shpat_…)."
/>

## What syncs and what is written back [#what-syncs-and-what-is-written-back]

<PlatformCard name="Shopify" />

<Callout title="Language and collection addresses">
  Product pages under a second language or a collection — `/en/products/…`, `/collections/…/products/…` — are recognised as the same product, so the button shows on every version of the page.
</Callout>

<Cards>
  <Card title="Next: size charts" href="/yoursizer/size-charts" />
  <Card title="Next: design the widget" href="/yoursizer/widget" />
</Cards>