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

# How to Install the Mention Me Shopify App

> Install the Mention Me Shopify App and configure it across your Shopify checkout, thank you, and order status pages.

The Mention Me Shopify App allows you to install the Mention Me experience directly into your Shopify store.

## Installing the App

Visit [the Mention Me App in Shopify](https://apps.shopify.com/mention-me) and click **Install**. This may prompt you to log in to your Shopify store. After logging in, you will see the app permissions screen.

<Frame caption="The Shopify app permissions screen, shown before installation completes.">
  <img src="https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/images/knowledge/shopify/33830581251357.png?fit=max&auto=format&n=V2LNKGCh7ROBia07&q=85&s=032d8bf151d30f26b7672eb86b8b7d7d" alt="Shopify app install permissions screen" width="1366" height="960" data-path="images/knowledge/shopify/33830581251357.png" />
</Frame>

<Steps>
  <Step title="Click Install" />

  <Step title="Get Started">
    On the welcome screen, click **Get Started**.
  </Step>

  <Step title="Connect to Mention Me">
    On the Connect to Mention Me screen, click to connect.

    <Frame caption="The Mention Me app Connect to Mention Me screen.">
      <img src="https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/images/knowledge/shopify/33997226172445.png?fit=max&auto=format&n=V2LNKGCh7ROBia07&q=85&s=7ee1a0ed5b70f42aaf958447651289c4" alt="Mention Me app Connect to Mention Me screen" width="1728" height="862" data-path="images/knowledge/shopify/33997226172445.png" />
    </Frame>
  </Step>

  <Step title="Sign In or Create an Account">
    Sign in or create an account at [app.mention-me.com](http://app.mention-me.com).

    <Frame caption="The Mention Me sign in or create account screen.">
      <img src="https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/images/knowledge/shopify/33997210465565.png?fit=max&auto=format&n=V2LNKGCh7ROBia07&q=85&s=462ff202d85f0ce326c3bb5eb1bb35f6" alt="Mention Me sign in or create account screen" width="1728" height="862" data-path="images/knowledge/shopify/33997210465565.png" />
    </Frame>
  </Step>

  <Step title="Connect Your Account and Organisation">
    Connect your Account and Organisation (or create one). If you don't see your existing Organization, contact us.

    <Frame caption="The Connect Account and Organisation screen.">
      <img src="https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/images/knowledge/shopify/33997210473245.png?fit=max&auto=format&n=V2LNKGCh7ROBia07&q=85&s=0d73af709214fb9a9048103067ef4578" alt="Connect Account and Organisation screen" width="1728" height="862" data-path="images/knowledge/shopify/33997210473245.png" />
    </Frame>
  </Step>

  <Step title="Setup Complete">
    After clicking connect, setup is complete.
  </Step>
</Steps>

<Note>The following instructions are for **Brand Referral**, which is **not currently available** on the free Tier of the Shopify App. [Contact us to know more](https://help.mention-me.com/hc/en-gb/requests/new?ticket_form_id=20114637802909).</Note>

## Configuring Your Shopify Checkout

There are three locations within the checkout where you can add Mention Me:

* **Checkout** -- for the "Been referred by a friend?" experience
* **Thank You** -- post-purchase confirmation page
* **Order Status** -- for returns and tracking

<Steps>
  <Step title="Open the Checkout Editor">
    In Shopify Admin, go to **Settings > Checkout**.

    <Frame caption="The Settings navigation in the Shopify admin.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710869533.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=abbf80871efa97ed5f299e365475cdd6" alt="Shopify admin Settings navigation" width="2014" height="1896" data-path="images/knowledge/shopify/29946710869533.png" />
    </Frame>

    This opens the Checkout settings page.

    <Frame caption="The Checkout settings page in the Shopify admin.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710870301.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=0ab01ce80d56902c4577cc4aa7f4a961" alt="Shopify admin Checkout settings page" width="896" height="1172" data-path="images/knowledge/shopify/29946710870301.png" />
    </Frame>

    Click **Customise** to open the checkout editor interface.

    <Frame caption="The Checkout page with the Customise button.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946739537181.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=32f1a67ce7e2e7731241430217984fef" alt="Shopify Checkout page with Customise button" width="2242" height="896" data-path="images/knowledge/shopify/29946739537181.png" />
    </Frame>
  </Step>

  <Step title="Add to the Checkout Page">
    Look for the **Order Summary** section and click **Add block**. Choose **Mention Me Checkout Journey**.

    <Frame caption="Adding the Mention Me Checkout Journey block to the Order Summary section.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710872349.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=241150252e148f97e66a0af29680ff09" alt="Adding Mention Me Checkout Journey block to Order Summary" width="3128" height="1758" data-path="images/knowledge/shopify/29946710872349.png" />
    </Frame>

    Tick **Include block in Shop Pay**.

    <Frame caption="The Include block in Shop Pay checkbox.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946739542173.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=dc31eb92947b295e802a2232dc8c7494" alt="Include block in Shop Pay checkbox" width="768" height="516" data-path="images/knowledge/shopify/29946739542173.png" />
    </Frame>

    The Mention Me field will now appear under your discount box.

    <Frame caption="The Mention Me field appearing under the discount box in checkout.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710877341.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=76eb533b7a1bad89406d46926c4d7d9d" alt="Mention Me field appearing under discount box in checkout" width="1126" height="834" data-path="images/knowledge/shopify/29946710877341.png" />
    </Frame>
  </Step>

  <Step title="Add to the Thank You Page">
    Switch to the **Thank You** page in the editor.

    <Frame caption="The checkout editor page selector showing the Thank You page.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710878237.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=b8beab3815fb61cb87c30c58442e8e8d" alt="Shopify checkout editor page selector showing Thank You page" width="3146" height="1016" data-path="images/knowledge/shopify/29946710878237.png" />
    </Frame>

    Click **Add block** in the **Announcement bar**. Select **Mention Me Refer a Friend Journey**.

    <Frame caption="Adding the Mention Me Refer a Friend Journey block to the Announcement bar.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710879773.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=824c36ecb996a35dcd0f085f4d040068" alt="Adding Mention Me Refer a Friend Journey to Announcement bar" width="1372" height="780" data-path="images/knowledge/shopify/29946710879773.png" />
    </Frame>

    Add another block in the **Main** section and choose **Mention Me Refer a Friend Journey**.

    <Frame caption="Adding the Mention Me Refer a Friend Journey block to the Main section.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946739548957.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=1029cff79c12ae71b068ca348e80f956" alt="Adding Mention Me Refer a Friend Journey to Main section" width="1386" height="668" data-path="images/knowledge/shopify/29946739548957.png" />
    </Frame>

    Place this block high and on the left. Right-side placement won't show on mobile.
  </Step>

  <Step title="Add to the Order Status Page">
    Repeat the steps for the **Order Status** page selector.

    <Frame caption="The checkout editor page selector showing the Order Status page.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710885533.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=2aafff0e76bb0ae53f433e91782933e1" alt="Shopify checkout editor page selector showing Order Status" width="3138" height="1010" data-path="images/knowledge/shopify/29946710885533.png" />
    </Frame>

    Add a block in **Announcement bar** and choose **Mention Me Refer a Friend Journey**.

    <Frame caption="Adding the Mention Me announcement to the Order Status page.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946710886173.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=46a40a082b71b2d17bc20fbad27093bc" alt="Adding Mention Me announcement to Order Status page" width="1458" height="770" data-path="images/knowledge/shopify/29946710886173.png" />
    </Frame>

    Add another block in **Main** and choose **Mention Me Refer a Friend Journey**.

    <Frame caption="Adding the Mention Me Refer a Friend Journey block to the Order Status Main section.">
      <img src="https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/29946739557533.png?fit=max&auto=format&n=GjiDi6ZwHP27Pu0w&q=85&s=d1d382d330706a75ecfa21b0bc098b17" alt="Adding Mention Me Refer a Friend Journey to Order Status Main section" width="2390" height="1426" data-path="images/knowledge/shopify/29946739557533.png" />
    </Frame>
  </Step>
</Steps>

If blocks do not appear, verify that the app is active and visibility is set in the Mention Me platform.