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

# Testing Your Referral Landing Page

> How to test your referral landing page in both Demo and Live environments.

This guide walks you through testing your referral landing page to confirm that referral content appears, loads from the correct environment, and that test referrer profiles are created as expected.

<Tabs>
  <Tab title="Demo">
    ## Website Test

    <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31626735722525.gif?s=43e197ae58f30808282ec71baad1092a" alt="Testing the referral landing page in DEMO environment" width="800" height="338" data-path="images/knowledge/onboarding/testing/31626735722525.gif" />

    <Steps>
      <Step title="Open a private browser window">
        Open a private or incognito browser window.
      </Step>

      <Step title="Navigate to your landing page">
        Go to your referral landing page (e.g. `https://yourdomain.com/refer-a-friend`).
      </Step>

      <Step title="Check the referral offer">
        Check the Mention Me embedded offer is visible and enrol as a referrer with test details.
      </Step>

      <Step title="Inspect network requests">
        Right-click anywhere and select **Inspect**, then open the **Network** tab. Filter by your partnerCode, reload the page, and look for requests to **tag-demo.mention-me.com**.
      </Step>

      <Step title="Verify request details">
        Click the request and check:

        * **Headers** tab -- environment is **demo**
        * **Payload** tab -- partnerCode and localeCode are correct, **situation** is set to **landingpage**
      </Step>
    </Steps>

    <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31626728477213.png?fit=max&auto=format&n=DW6A4iNCa7LrbN3W&q=85&s=91775d5533f89b2d7dacab2ef968e369" alt="Network tab showing DEMO environment request details" width="1401" height="969" data-path="images/knowledge/onboarding/testing/31626728477213.png" />

    ## Platform Verification

    <Steps>
      <Step title="Search for your test referrer">
        In the Mention Me platform, go to [**Customers**](https://demo.mention-me.com/merchant/~/customers) and search for your test referrer's email address.
      </Step>

      <Step title="Confirm the profile">
        Click the profile and confirm:

        * Customer is signed up for the expected campaign
        * All customer details (campaign, locale, referral status) match your test
      </Step>
    </Steps>

    <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31626728478493.gif?s=0b11a23d7d6500d36a3be91c3861c35e" alt="Verifying test referrer profile in platform" width="800" height="357" data-path="images/knowledge/onboarding/testing/31626728478493.gif" />

    ## Troubleshooting

    * **Content doesn't appear** -- check that the Mention Me JavaScript is included on the page and ensure the wrapper element (`<div id="mmWrapper">`) is present in your HTML.
    * **Requests go to tag.mention-me.com instead of tag-demo.mention-me.com** -- you're pointing to the live environment. Switch to the DEMO JavaScript tag until testing is complete.

    ## Need Help?

    If anything looks incorrect or a request to tag-demo.mention-me.com doesn't appear, contact the team via the [help form](https://help.mention-me.com/hc/en-gb/requests/new?ticket_form_id=1900000712373) with testing steps and screenshots.
  </Tab>

  <Tab title="Live">
    ## Before You Begin

    * **Activate Debug Dashboard** -- log in to your Mention Me Production dashboard, go to your [**Debug Dashboard**](https://mention-me.com/merchant/~/tools/debug-dashboard), and click "Enable debug mode" to activate real-time monitoring.
    * **Confirm campaign setup** -- set your campaign to **Running**. Customers won't see anything yet.

          <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31620025079325.gif?s=2f0b36ef7e69bb732a367f8f5459c017" alt="Enabling debug mode and setting campaign to Running" width="800" height="356" data-path="images/knowledge/onboarding/testing/31620025079325.gif" />

    ## Website Test

    <Steps>
      <Step title="Navigate to your referral page">
        Navigate directly to your referral page URL (e.g. `https://yourdomain.com/refer-a-friend`).
      </Step>

      <Step title="Check the page">
        Embedded referral content appears clearly and layout/messaging look as expected.
      </Step>

      <Step title="Open DevTools">
        Right-click anywhere on the page, select **Inspect**, then open the **Network** tab and reload.
      </Step>

      <Step title="Verify network requests">
        Filter by your partnerCode and check the request to **tag.mention-me.com**:

        * **Headers** tab -- script begins with `https://tag.mention-me.com`
        * **Payload** tab -- partnerCode is correct, localeCode matches your campaign, situation = **landingpage**
      </Step>
    </Steps>

    <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31619998597789.png?fit=max&auto=format&n=DW6A4iNCa7LrbN3W&q=85&s=aea7629de8d026194b33590f611705b3" alt="Network tab showing LIVE environment request to tag.mention-me.com" width="2035" height="932" data-path="images/knowledge/onboarding/testing/31619998597789.png" />

    ## Platform Verification

    <Steps>
      <Step title="Submit test details">
        Enter a test first name, surname, and email address into the referral form, then submit and interact with the share options.
      </Step>

      <Step title="Search for the test profile">
        In your Production dashboard, go to [**Customers**](https://mention-me.com/merchant/~/customers) and search with the test email.
      </Step>

      <Step title="Verify the profile">
        Check the profile: referrer has been created, status shows signed up to the expected campaign and offer, and customer details are correct.
      </Step>
    </Steps>

    <img src="https://mintcdn.com/mentionme/DW6A4iNCa7LrbN3W/images/knowledge/onboarding/testing/31619998599837.gif?s=a5c0dc843b41066761851638cf9079ff" alt="Verifying test referrer profile in Production dashboard" width="800" height="356" data-path="images/knowledge/onboarding/testing/31619998599837.gif" />

    ## Troubleshooting

    * **Content not appearing** -- confirm `<div id="mmWrapper"></div>` is present, ensure the live Mention Me script is in use (**tag.mention-me.com**), and reload in incognito with no extension blockers.
    * **"Unable to find suitable offer" warning in debug** -- the offer is not set to **Running**. Go to the campaign and ensure the offer status is set to "Running".
    * **Error responses from Network request:**
      * **400 -- Bad Request:** check the payload for missing or malformed parameters
      * **403 -- Forbidden:** check that you have enabled debug mode
      * **404 -- Not Found:** your partnerCode or URL may be incorrect

    ## Need Help?

    If something doesn't look right or your test profile isn't appearing, contact the team via the [help form](https://help.mention-me.com/hc/en-gb/requests/new?ticket_form_id=1900000712373) with a link to the page, the test email address used, and a screenshot of the Network tab.
  </Tab>
</Tabs>