> ## 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.

# How to Set Up Upstack Data on Replo

> Track Replo pages with Upstack Data: check whether your Shopify theme already loads the Upstack Pixel, add it in Replo's script settings if not, then republish.

This page covers only what's specific to Replo. The pixel snippet, event tracking, UTM handling, and verification steps are in the main guide: [Implementing Upstack Data on Landing Pages, Subdomains, and Third-Party Sites](/resources/implementing-upstack-data-on-landing-pages).

## Step 1: Check Whether Your Replo Pages Are Already Tracked

Replo pages published to your Shopify store load your theme, so the Upstack app embed usually runs on them already. Check before you add anything:

1. Open a published Replo page with the [Upstack Data Pixel Helper](/guides/pixel-helper/how-to-use-upstack-data-pixel-helper).
2. If the Pixel Helper shows Upstack events, the page is tracked. Don't add the snippet as well, or the page sends duplicate events.
3. If it shows no Upstack events, or the page is on a Replo site with its own domain, continue to Step 2.

## Step 2: Add the Upstack Pixel in Replo

Copy the base pixel snippet with your Pixel ID from [Step 2 of the main guide](/resources/implementing-upstack-data-on-landing-pages#step-2-choose-your-implementation-method), then add it in Replo:

<Tabs>
  <Tab title="Replo site on its own domain">
    For a site built in Replo's Site Builder, add the snippet once for the whole site:

    1. In the Site Builder, open **Settings** in the top bar and choose **Site settings**.
    2. Open the **Scripts & Pixels** tab and add a custom script.
    3. Paste the snippet and save.
    4. Republish the site. Replo applies new scripts on the next publish.

    Scripts in **Scripts & Pixels** load on every page of that site.
  </Tab>

  <Tab title="Replo page in your Shopify store">
    Add the snippet only to pages where Step 1 found no Upstack events:

    1. Open the page in the Replo editor and go to its page settings.
    2. Paste the snippet into the section for scripts in the page's `<head>`.
    3. Republish the page.
  </Tab>
</Tabs>

<Warning>
  Add the snippet in one place only. A script added both site-wide and on a single page is tracked twice.
</Warning>

## Step 3: Keep Click IDs on the Way to Checkout

If a Replo page sends visitors to your Shopify checkout through a redirect, the redirect must keep the page's query string so `fbclid`, `gclid`, `ttclid`, and UTM parameters reach checkout. See [Step 4: Preserve UTM Parameters Across Pages](/resources/implementing-upstack-data-on-landing-pages#step-4-preserve-utm-parameters-across-pages).

## Step 4: Verify the Installation

Follow [Step 5: Verify Your Installation](/resources/implementing-upstack-data-on-landing-pages#step-5-verify-your-installation) on a published Replo page.

## Related

<CardGroup cols={2}>
  <Card title="Landing Pages & Third-Party Sites" icon="browser" href="/resources/implementing-upstack-data-on-landing-pages">
    The main guide: pixel snippet, event tracking, UTM handling, and verification.
  </Card>

  <Card title="Use the Pixel Helper" icon="magnifying-glass" href="/guides/pixel-helper/how-to-use-upstack-data-pixel-helper">
    Check which Upstack events fire on a page.
  </Card>

  <Card title="Troubleshoot Pixel Issues" icon="wrench" href="/troubleshooting/troubleshoot-pixel-issues">
    Fix missing, delayed, or duplicate events.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.