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

# Installation

> 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="Shopify app permissions screen. Click Install to continue.">
  <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.

    <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" />
  </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).

    <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" />
  </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.

    <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" />
  </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

### 1. Open Checkout Editor

In Shopify Admin, go to **Settings > Checkout**.

<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" />

<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" />

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

<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" />

### 2. Add to Checkout Page

Look for the **Order Summary** section and click **Add block**. Choose **Mention Me Checkout Journey**.

<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" />

Tick **Include block in Shop Pay**.

<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" />

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

<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" />

### 3. Add to Thank You Page

Switch to the **Thank You** page in the editor.

<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" />

#### A. Add Announcement Block

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

<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" />

#### B. Add Main Content Block

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

<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" />

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

### 4. Add to Order Status Page

Repeat the steps for the **Order Status** page selector.

<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" />

#### A. Add Announcement

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

<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" />

#### B. Add Main Block

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

<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" />

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