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

# Landing Page Tag

> Create a Mention Me referral landing page in Shopify so customers can engage with your referral programme without a purchase.

A landing page lets customers engage with your referral programme without requiring a purchase.

<Frame caption="Referral landing page example">
  <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/11432246692893.jpg?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=2d9fc9df8b265b9bc2a6158a1aa83801" alt="Mention Me referral landing page example" width="985" height="707" data-path="images/knowledge/shopify/11432246692893.jpg" />
</Frame>

## Creating a Landing Page

<Steps>
  <Step title="Create a New Page">
    Log in to your Shopify admin, navigate to Pages, and create a new page (e.g., **Referral Landing Page**). You may set it as Hidden initially.
  </Step>

  <Step title="Add the Referral Code">
    Open the code editor and paste the following in HTML mode:

    <Frame caption="The Shopify page editor in HTML mode, ready to receive the referral code.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/11432357724701.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=4c71bc487ea269c42cf154ae2191458c" alt="Shopify page editor in HTML mode" width="2604" height="2476" data-path="images/knowledge/shopify/11432357724701.png" />
    </Frame>

    ```html theme={null}
    <div id="mmWrapper"></div>
    <script>
    var partnerCode = "INSERT_PARTNERCODE";

    var urlComponents = [
      "https://tag.mention-me.com/api/v2/referreroffer/",
      partnerCode
    ];

    var queryComponents = [
      ["situation", "landingpage"],
      ["locale", Shopify.locale + "_" + Shopify.country]
    ];

    queryComponents = queryComponents.map(qc => qc[0] + "=" + encodeURIComponent(qc[1]));

    var url = urlComponents.join("") + "?" + queryComponents.join("&");

    var script = document.createElement("script");
    script.src = url;

    document.getElementsByTagName("head")[0].appendChild(script);
    </script>
    ```

    Replace `INSERT_PARTNERCODE` with your actual partner code. For locale configuration, see [Shopify: Locales](/knowledge/shopify/locales).
  </Step>
</Steps>