Checkout & Sidecart Referee Tag

The Referee Tag displays a “Been referred by a friend?” link, enabling customers to identify who referred them.

The Referee experience can also be added to your Shopify Checkout using the Checkout Extensibility App — this requires Shopify Plus. This manual approach is for adding the tag to Cart, Basket, Side Cart, or checkout.liquid pages (and checkout.liquid itself is Shopify Plus only).

Cart / Basket Page

Add a <div> where the link should appear, then add the JavaScript snippet after it. Locate and edit your cart template (e.g., cart.liquid).

Add the Div

<div id="mmWrappercart"></div>

Add the Script

<script>
var partnerCode = "INSERT_PARTNERCODE";
var situation = "cart";

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

var queryComponents = [
  ["situation", situation],
  ["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 Mention Me PartnerCode. For locale configuration, see Shopify: Locales.

Sidecart / Popout Cart

If using a slide-out or pop-up cart (e.g., sidecart.liquid):

Shopify sidecart with "Been referred by a friend?" link — Sidecart with the 'Been referred by a friend?' link

<script>
var partnerCode = "INSERT_PARTNERCODE";
var situation = 'sidecart';
var implementation = 'link';

if (window.MentionMeFiredTags && window.MentionMeFiredTags[implementation + situation]) {
  delete window.MentionMeFiredTags[implementation + situation];
}

var urlComponents = ["https://tag.mention-me.com/api/v2/refereefind/", partnerCode];
var queryComponents = [
  ["situation", situation],
  ["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>

Checkout (Shopify Plus Only)

Shopify Plus merchants can modify checkout.liquid:

Shopify Plus checkout.liquid editor — The checkout.liquid editor in the Shopify Plus theme code editor.

<script>
var partnerCode = "INSERT_PARTNERCODE";
var situation = "checkout";

var urlComponents = ["https://tag.mention-me.com/api/v2/refereefind/", partnerCode];
var queryComponents = [
  ["situation", situation],
  ["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>

Planning a move to Shopify Checkout Extensions from checkout.liquid? Review the checkout extensibility guide.

Quickstart Guides

Advanced

Reference

MCP Server

Checkout & Sidecart Referee Tag

Cart / Basket Page

Sidecart / Popout Cart

Checkout (Shopify Plus Only)

​Cart / Basket Page

​Sidecart / Popout Cart

​Checkout (Shopify Plus Only)

Cart / Basket Page

Sidecart / Popout Cart

Checkout (Shopify Plus Only)