How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.
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.
The Mention Me Shopify App uses Checkout Extensibility features. Some screens are configured in Shopify, others in the Mention Me platform. This guide walks through editing the experience across both.Not sure if you’re using Checkout Extensibility? See the Shopify App Installation guide or contact our team.
The post-purchase Mention Me “Refer a Friend” journey displays on the Thank You and Order Status pages.Do not place this block within the right-hand Order Summary sidebar — it will be hidden on mobile.
Copy is controlled in the Mention Me platform. Edit it in the offer preview within Entrypoint API content.
The EntryPoint API content editor in the Mention Me platform.
2
Update the Content
Use “Text editing mode” to update the content. Edit both the Personalised and Generic tabs.
3
Add an Image
Click “Add an image for this step” to add an image — it will auto-scale.
Shopify does not allow changing the default grey background colour of the banner.Once a customer engages with the initial CTA, all subsequent pages are handled within the Mention Me platform.Any modifications in the EntryPoint API preview will also affect mobile app implementations powered by EntryPoint.
In your Shopify admin, go to Settings > Checkout > Configurations > Customise.
2
Open Settings
In the Checkout Editor, click the settings cog icon on the left-hand side menu.
3
Update Colours
Scroll to the Colour section. Use the colour picker or enter a HEX code to change:
Accent
Buttons
Error colours
These changes apply to your entire checkout flow, not just Mention Me elements.
Last modified on July 13, 2026
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Mention Me Docs","colors":{"primary":"#4C57E6","light":"#FF3EB5","dark":"#21174B"},"logo":{"light":"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/light.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=747c8cd37a71a653a020675616c849f3","dark":"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/dark.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=100c40618765923e52d9db84344692e6"},"favicon":"https://mintcdn.com/mentionme/Dcv4Ct-ZIyuK4Pcd/favicon.ico?fit=max\u0026auto=format\u0026n=Dcv4Ct-ZIyuK4Pcd\u0026q=85\u0026s=cc9c8c8b015455ba82e2820c8306a4ab","background":{"color":{"light":"#FFFFFF","dark":"#22272E"}},"navbar":{"primary":{"type":"button","label":"Contact support","href":"https://help.mention-me.com/hc/en-gb/requests/new"}},"footer":{"socials":{"x":"https://x.com/mentionme","linkedin":"https://linkedin.com/company/mention-me"},"links":[{"header":"Company","items":[{"label":"Website","href":"https://www.mention-me.com"},{"label":"Platform","href":"https://app.mention-me.com"},{"label":"Support","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"label":"Status","href":"https://status.mention-me.com"}]}]},"seo":{"metatags":{"og:site_name":"Mention Me Docs"}},"errors":{"404":{"redirect":true,"title":"Page not found","description":"The page you're looking for may have moved. Try searching or head back to the [home page](/knowledge/getting-started/overview)."}},"contextual":{"options":["assistant","copy","claude","chatgpt","cursor","mcp","add-mcp"],"display":"toc"},"metadata":{"timestamp":true},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Submit a Request","icon":"headset","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"anchor":"Platform","icon":"gauge","href":"https://app.mention-me.com"},{"anchor":"Status","icon":"signal","href":"https://status.mention-me.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"mentionme","hasAudioNarration":false,"actualSubdomain":"mentionme","customDomains":["docs.mention-me.com"],"gitSource":{"type":"github","owner":"mention-me","repo":"mention-me-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true,"agentFeedback":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"DISABLED"},"CONTEXTUAL_FEEDBACK":{"status":"DISABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"DISABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6af2019b0da5396f96340ce0","clientVersion":"0.0.4102","searchFilterCounts":[{"language":"default","tag":"Guides","count":365},{"language":"default","tag":"Integrations","count":73},{"language":"default","tag":"Referral","count":57},{"language":"default","tag":"Documentation","count":50},{"language":"default","tag":"API \u0026 Webhooks","count":45},{"language":"default","tag":"Customers","count":44},{"language":"default","tag":"Reporting","count":43},{"language":"default","tag":"Campaigns","count":42},{"language":"default","tag":"ESP \u0026 CRM Integrations","count":38},{"language":"default","tag":"Getting Started","count":32}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[],"googleFontsInlined":false},"customCss":[{"filePath":"custom.css","content":".mm-partner-badge{padding:0 16px 8px;margin-bottom:10px}.mm-partner-badge-inner{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 10px;font-size:12px;line-height:1.3;color:#9ca3af;border:1px solid rgba(0, 0, 0, 0.07);border-radius:6px}.dark .mm-partner-badge-inner{border-color:rgba(255, 255, 255, 0.08)}.mm-partner-badge-content{min-width:0}.mm-partner-badge-context{color:#9ca3af}.dark .mm-partner-badge-context{color:#6b7280}.mm-partner-badge-name{font-weight:500;color:#6b7280}.dark .mm-partner-badge-name{color:#9ca3af}.mm-partner-badge-code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace;color:#9ca3af}.dark .mm-partner-badge-code{color:#6b7280}.mm-partner-badge-reset{all:unset;flex-shrink:0;font-size:13px;line-height:1;color:inherit;cursor:pointer;opacity:0.3}.mm-partner-badge-reset:hover{opacity:0.7}.mm-partner-badge-switch{all:unset;flex-shrink:0;font-size:11px;line-height:1;color:#6b7280;text-decoration:underline;text-underline-offset:2px;cursor:pointer;opacity:0.8}.mm-partner-badge-switch:hover{opacity:1}.dark .mm-partner-badge-switch{color:#9ca3af}.mm-partner-badge-reenable{all:unset;color:#6b7280;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.mm-partner-badge-reenable:hover{color:#4b5563}.dark .mm-partner-badge-reenable{color:#9ca3af}.dark .mm-partner-badge-reenable:hover{color:#d1d5db}pre code{width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;word-break:break-all!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}body:has(.docs-home) #header,body:has(.docs-home) #page-title{display:none}body:has(.docs-home) #content-container,body:has(.docs-home) article,body:has(.docs-home) .prose{max-width:none}html:has(.docs-home){background-color:#ffffff}body:has(.docs-home){background:transparent}body:has(.docs-home) #background-color{background-color:#ffffff;background-image:radial-gradient(ellipse 120% 80% at 50% -10%, #c9cef8 0%, transparent 58%),\n radial-gradient(ellipse 70% 55% at 0% 30%, #f7cce8 0%, transparent 55%),\n radial-gradient(ellipse 60% 50% at 100% 15%, #d4d8f8 0%, transparent 50%);background-repeat:no-repeat}html.dark:has(.docs-home){background-color:#22272e}html.dark body:has(.docs-home){background:transparent}html.dark body:has(.docs-home) #background-color{background-color:#22272e;background-image:radial-gradient(ellipse 120% 80% at 50% -10%, #3d4280 0%, transparent 58%),\n radial-gradient(ellipse 70% 55% at 0% 30%, #5a3350 0%, transparent 55%),\n radial-gradient(ellipse 60% 50% at 100% 15%, #3a3f73 0%, transparent 50%);background-repeat:no-repeat}body:has(.docs-home) main,body:has(.docs-home) #content-container{min-height:100vh;background:transparent}.docs-home{width:100%;padding:0 1.25rem 5rem}.docs-home-inner{max-width:72rem;margin:0 auto}.docs-home-hero{max-width:1000px;padding:5.5rem 0 2.75rem;margin:0 auto;text-align:center}.docs-home-title{max-width:1000px;margin:0 auto 2.5rem;font-size:4rem;font-weight:600;line-height:4.5rem;color:#21174b;letter-spacing:-1px}.dark .docs-home-title{color:#f4f2fb}.docs-home-lede{margin:0;font-size:1rem;line-height:1.45;color:#5c5674}.docs-home-why{margin:1.15rem 0 0}.docs-home-why a{display:inline-flex;gap:0.45rem;align-items:center;padding:0.5rem 0.95rem 0.5rem 0.75rem;font-size:0.9rem;font-weight:500;line-height:1.2;color:#21174b;text-decoration:none;background:rgba(255, 255, 255, 0.72);border:1px solid rgba(33, 23, 75, 0.2);border-radius:999px}.docs-home-why a:hover{color:#4c57e6;border-color:#4c57e6}.docs-home-why a svg{width:1rem;height:1rem}.dark .docs-home-why a{color:#f4f2fb;background:rgba(34, 39, 46, 0.55);border-color:rgba(255, 255, 255, 0.2)}.dark .docs-home-why a:hover{color:#c5c9f8;border-color:#c5c9f8}.docs-home-platforms{max-width:650px;margin:0 auto}.docs-home-section-title{margin:3.5rem 0 1.75rem;font-size:1.75rem;font-weight:600;line-height:2.25rem;color:#21174b;text-align:center;letter-spacing:-0.5px}.dark .docs-home-section-title{color:#f4f2fb}.docs-home-topics{margin-top:0}.dark .docs-home-lede{color:#b4afc6}@media (max-width: 640px){.docs-home-title{font-size:2.5rem;line-height:2.85rem}}.cl-meta{display:flex;flex-wrap:wrap;gap:0.4rem 0.55rem;align-items:center;margin:0 0 1.25rem;font-size:0.8rem;font-weight:500;line-height:1.2;color:#5c5674}.cl-meta-date{font-variant-numeric:tabular-nums}.dark .cl-meta{color:#b4afc6}.cl-pill{display:inline-flex;align-items:center;padding:0.18rem 0.5rem;font-size:0.7rem;font-weight:600;line-height:1.2;letter-spacing:0.01em;border-radius:999px}.cl-pill-new{color:#4c57e6;background:rgba(76, 87, 230, 0.1)}.cl-pill-improved{color:#5c5674;background:rgba(33, 23, 75, 0.06)}.cl-pill-fixed{color:#8a2e6a;background:rgba(255, 62, 181, 0.1)}.cl-pill-area{color:#5c5674;background:transparent;border:1px solid rgba(33, 23, 75, 0.12)}.dark .cl-pill-new{color:#c5c9f8;background:rgba(76, 87, 230, 0.22)}.dark .cl-pill-improved{color:#d5d1e4;background:rgba(255, 255, 255, 0.06)}.dark .cl-pill-fixed{color:#f5b6dd;background:rgba(255, 62, 181, 0.16)}.dark .cl-pill-area{color:#d5d1e4;border-color:rgba(255, 255, 255, 0.14)}.cl-pill-platform-update{color:#21174b;background:rgba(76, 87, 230, 0.1)}.dark .cl-pill-platform-update{color:#c5c9f8;background:rgba(76, 87, 230, 0.22)}.cl-author{margin:0.85rem 0 0;font-size:0.875rem;font-weight:600;color:#21174b}.dark .cl-author{color:#f4f2fb}"}],"page":{"pagePath":"knowledge/shopify/customer-journey","slug":"/knowledge/shopify/customer-journey","pageMetadata":{"title":"How to Customise the Shopify Customer Journey","description":"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.","href":"/knowledge/shopify/customer-journey"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Frame,Heading,Note,OptimizedImage,Step,Steps}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);return _jsxs(_Fragment,{children:[_jsxs(Note,{children:[`The following instructions are for `,_jsx(_components.strong,{children:`Brand Referral`}),`, which is `,_jsx(_components.strong,{children:`not currently available`}),` on the free Tier of the Shopify App. `,_jsx(_components.a,{href:`https://help.mention-me.com/hc/en-gb/requests/new?ticket_form_id=20114637802909`,children:`Contact us to know more`}),`.`]}),`\n`,_jsx(_components.p,{children:`The Mention Me Shopify App uses Checkout Extensibility features. Some screens are configured in Shopify, others in the Mention Me platform. This guide walks through editing the experience across both.`}),`\n`,_jsxs(_components.p,{children:[`Not sure if you’re using Checkout Extensibility? See the `,_jsx(_components.a,{href:`/knowledge/shopify/app-installation`,children:`Shopify App Installation guide`}),` or `,_jsx(_components.a,{href:`https://help.mention-me.com/hc/en-gb/requests/new?ticket_form_id=20114637802909`,children:`contact our team`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`checkout-“been-referred-by-a-friend”-link`,children:`Checkout (“Been referred by a friend?” Link)`}),`\n`,_jsx(_components.p,{children:`When a customer clicks the “Been referred by a friend?” link, they’re prompted to enter who referred them.`}),`\n`,_jsx(Frame,{caption:`Checkout modal: 'Been referred by a friend?'`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=c251909b1f125a090c64d0132c0a3540`,alt:`Checkout modal showing \"Been referred by a friend?\" prompt`,\"data-og-width\":`2325`,width:`2325`,\"data-og-height\":`1338`,height:`1338`,\"data-path\":`images/knowledge/shopify/21083100861725.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=8df578690c40e649d8f82fc359e61d9b 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=77a845723a79508e472143a453badbb6 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=b0b9bcb351eca6c2275536cc9185fe4b 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=f434753fbaf4a0237bd9ffbf76e4e421 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=35b45f9dbd58b12f83217acd13cca095 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083100861725.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=b770eac5afe326d1c5e8d06fd94a971d 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`to-change-the-image`,children:`To Change the Image`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Open Shopify Admin`,children:_jsxs(_components.p,{children:[`Log into the `,_jsx(_components.a,{href:`https://admin.shopify.com/store/`,children:`Shopify Admin Console`}),`.`]})}),_jsx(Step,{title:`Open the Mention Me App`,children:_jsxs(_components.p,{children:[`Search for `,_jsx(_components.strong,{children:`“Mention Me”`}),` and open the app.`]})}),_jsxs(Step,{title:`Update the Image`,children:[_jsxs(_components.p,{children:[`Update the image in the `,_jsx(_components.strong,{children:`Referee experience`}),` section.`]}),_jsx(Frame,{caption:`The Referee experience image settings in the Mention Me Shopify app.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=3d6ed4d51a83c9bca950bb245f871b2e`,alt:`Mention Me Shopify app Referee experience image settings`,\"data-og-width\":`1359`,width:`1359`,\"data-og-height\":`1110`,height:`1110`,\"data-path\":`images/knowledge/shopify/21083085987229.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=ab2340e76ac8f25810a0eaa727c2bd9c 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=06aed966ba7ec25961c2ed12b0ef044d 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=67b6c1ee08a8b09651293cda8dfbb575 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=5829bb4c9ca380796e467df37abe86ec 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=a78e2b6f163444be9449740cca137b11 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085987229.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=f4cb8fbba20c166fe6bacab24aa39d65 2500w`})})]})]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Recommended dimensions: 1200 x 300 px`}),`\n`,_jsx(_components.li,{children:`Do not reference specific offers, as this is shown to all referees`}),`\n`,_jsx(_components.li,{children:`All styling for this modal is inherited from Shopify’s theme`}),`\n`]}),`\n`,_jsx(Heading,{level:`3`,id:`to-change-the-copy`,children:`To Change the Copy`}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Open the Name Search Offer Preview`,children:[_jsxs(_components.p,{children:[`Copy is controlled via the `,_jsx(_components.a,{href:`https://mention-me.com/login`,children:`Mention Me platform`}),`, in the `,_jsx(_components.strong,{children:`Name search`}),` offer preview.`]}),_jsx(Frame,{caption:`The Name search offer preview in the Mention Me platform.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=97f6cd8076a96650415d4690733c6abb`,alt:`Mention Me platform Name search offer preview`,\"data-og-width\":`2320`,width:`2320`,\"data-og-height\":`1385`,height:`1385`,\"data-path\":`images/knowledge/shopify/21083085989789.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=7b1330d202fb2343016c1391d130fe90 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=92d9a90e1941c2aaf6ff5c7ddf9f7607 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=01aabd4daddeef51859266be4446bc77 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=b0cba788480834d97235fe9c61554eab 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=d994932c6e117a3d04166547d203a915 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083085989789.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=3f606e2edb24e9cd4d927f0a36ab24c1 2500w`})})]}),_jsxs(Step,{title:`Edit the Highlighted Content`,children:[_jsx(_components.p,{children:`Toggle “Text editing mode” and edit the highlighted content.`}),_jsx(Frame,{caption:`Text editing mode with the editable content highlighted.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=b6fe49c98434313c22bed0952eeb14e6`,alt:`Text editing mode with editable content highlighted`,\"data-og-width\":`2087`,width:`2087`,\"data-og-height\":`883`,height:`883`,\"data-path\":`images/knowledge/shopify/21083161468189.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=dd9667e1da5cdf841bcec9f8d5a8a89b 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=452ccce02c869a68b91bc962683e7c81 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=38c0de40828d53fce6fa8b1385a713b3 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=72862c65a4973533f421c4b20432932e 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=7bb84454a0ec77b73fd89d54e324362c 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161468189.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=07243ad4cd6ebf349c62ddb058f6de0a 2500w`})})]}),_jsxs(Step,{title:`Save Your Changes`,children:[_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Save \u0026 Preview`}),` to apply your changes.`]}),_jsx(Frame,{caption:`The Save and Preview button in the Mention Me platform.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=4193f8ec4f42ebed8ea3f90d8498faab`,alt:`Save and Preview button in Mention Me platform`,\"data-og-width\":`411`,width:`411`,\"data-og-height\":`233`,height:`233`,\"data-path\":`images/knowledge/shopify/21083129908765.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=30966ddf2802943996daec20b264cfef 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=6c39cbc49f8feff5973d712c31e87ad0 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=5c493a088a7ac96ae0aecb83a14301e0 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=fdb59425cc63cf5b526e4a768e96dfe2 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=d24de226936e36713bad499ea81da624 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083129908765.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=d54682c2460c32541f009860526f4e35 2500w`})}),_jsx(_components.p,{children:`Once saved, the updated copy appears in the preview.`}),_jsx(Frame,{caption:`The updated copy shown in the Mention Me platform preview.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=4d1af0154d0eea59a866ac3f98a17067`,alt:`Updated copy preview in Mention Me platform`,\"data-og-width\":`2319`,width:`2319`,\"data-og-height\":`975`,height:`975`,\"data-path\":`images/knowledge/shopify/21083161474205.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=b2506df2eb20e12c0c3d277b0ee59cd2 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=850fe07e9e2fd2b096f369f673565a98 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=7433a88d2221c59bca78c93b68e70f60 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=5a85833847213aff913fc663aedca8ed 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=cbf7ce4674dc586db2eb526b81193c9e 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21083161474205.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=ad0cdfc79dcc642c1cc7ed894f8dcac6 2500w`})})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`thank-you-and-order-status-pages`,children:`Thank You and Order Status Pages`}),`\n`,_jsx(_components.p,{children:`The post-purchase Mention Me “Refer a Friend” journey displays on the Thank You and Order Status pages.`}),`\n`,_jsx(_components.p,{children:`Do not place this block within the right-hand Order Summary sidebar — it will be hidden on mobile.`}),`\n`,_jsx(Frame,{caption:`Refer a Friend journey on the Thank You page`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=52711caff3ca1e53bd0fba58e6e5a748`,alt:`Mention Me Refer a Friend journey on Thank You page`,\"data-og-width\":`2319`,width:`2319`,\"data-og-height\":`1154`,height:`1154`,\"data-path\":`images/knowledge/shopify/21089250077213.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=01675d60c163f8a33143119b23fd3310 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=5034c0d0708d4bc2611f1cf951eacfd5 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=641fd9f52e574133d29a75cd917367ac 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=525024707f372397fd6199e2f1498d4e 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=2fee62cde5e33861043a6dfc4152dd1e 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077213.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=d9f88e951b085b88e30c67c0373c7c23 2500w`})}),`\n`,_jsx(Heading,{level:`3`,id:`to-change-banner-copy-and-imagery`,children:`To Change Banner Copy and Imagery`}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Open the EntryPoint API Content`,children:[_jsxs(_components.p,{children:[`Copy is controlled in the `,_jsx(_components.a,{href:`https://mention-me.com/login`,children:`Mention Me platform`}),`. Edit it in the offer preview within `,_jsx(_components.strong,{children:`Entrypoint API content`}),`.`]}),_jsx(Frame,{caption:`The EntryPoint API content editor in the Mention Me platform.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=d7ad76f8ca2c3466c21be05eadbb19dd`,alt:`Mention Me platform EntryPoint API content editor`,\"data-og-width\":`2319`,width:`2319`,\"data-og-height\":`1154`,height:`1154`,\"data-path\":`images/knowledge/shopify/21089250077853.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=280\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=61e9d40cc309a73713858de9b1dacec1 280w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=560\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=edc1051e480c1995dba04eff3827c97d 560w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=840\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=88e9891db2ade506e8f32d7e9008371c 840w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=bd500c3d4b572e5cb5d284c6f88c3814 1100w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=8d611974ff4c4dacefe06697fb5d6ff2 1650w, https://mintcdn.com/mentionme/GjiDi6ZwHP27Pu0w/images/knowledge/shopify/21089250077853.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GjiDi6ZwHP27Pu0w\u0026q=85\u0026s=51eb85a9bf098d9d59dd755d6e713e37 2500w`})})]}),_jsx(Step,{title:`Update the Content`,children:_jsxs(_components.p,{children:[`Use “Text editing mode” to update the content. Edit both the `,_jsx(_components.strong,{children:`Personalised`}),` and `,_jsx(_components.strong,{children:`Generic`}),` tabs.`]})}),_jsx(Step,{title:`Add an Image`,children:_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`“Add an image for this step”`}),` to add an image — it will auto-scale.`]})})]}),`\n`,_jsx(_components.p,{children:`Shopify does not allow changing the default grey background colour of the banner.`}),`\n`,_jsx(_components.p,{children:`Once a customer engages with the initial CTA, all subsequent pages are handled within the Mention Me platform.`}),`\n`,_jsx(_components.p,{children:`Any modifications in the EntryPoint API preview will also affect mobile app implementations powered by EntryPoint.`}),`\n`,_jsx(Heading,{level:`2`,id:`customise-checkout-colours-in-shopify`,children:`Customise Checkout Colours in Shopify`}),`\n`,_jsx(Frame,{caption:`Customising checkout colours in Shopify settings.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/images/knowledge/shopify/33831377854621.gif?s=8bb28a3eb27747bbb4d30d7af30e0a7b`,alt:`Customising checkout colours in Shopify settings`,\"data-og-width\":`800`,width:`800`,\"data-og-height\":`402`,height:`402`,\"data-path\":`images/knowledge/shopify/33831377854621.gif`,\"data-optimize\":`true`,\"data-opv\":`3`})}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Open Checkout Customiser`,children:_jsxs(_components.p,{children:[`In your Shopify admin, go to `,_jsx(_components.strong,{children:`Settings > Checkout > Configurations > Customise`}),`.`]})}),_jsx(Step,{title:`Open Settings`,children:_jsx(_components.p,{children:`In the Checkout Editor, click the settings cog icon on the left-hand side menu.`})}),_jsxs(Step,{title:`Update Colours`,children:[_jsxs(_components.p,{children:[`Scroll to the `,_jsx(_components.strong,{children:`Colour`}),` section. Use the colour picker or enter a HEX code to change:`]}),_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Accent`}),`\n`,_jsx(_components.li,{children:`Buttons`}),`\n`,_jsx(_components.li,{children:`Error colours`}),`\n`]})]})]}),`\n`,_jsx(_components.p,{children:`These changes apply to your entire checkout flow, not just Mention Me elements.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"How to Customise the Shopify Customer Journey","description":"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.","href":"/knowledge/shopify/customer-journey"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Checkout (“Been referred by a friend?” Link)","slug":"checkout-“been-referred-by-a-friend”-link","depth":2,"children":[{"title":"To Change the Image","slug":"to-change-the-image","depth":3,"children":[]},{"title":"To Change the Copy","slug":"to-change-the-copy","depth":3,"children":[]}]},{"title":"Thank You and Order Status Pages","slug":"thank-you-and-order-status-pages","depth":2,"children":[{"title":"To Change Banner Copy and Imagery","slug":"to-change-banner-copy-and-imagery","depth":3,"children":[]}]},{"title":"Customise Checkout Colours in Shopify","slug":"customise-checkout-colours-in-shopify","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/mentionme/585da3591117c76f/clerk-loader.js","/_mintlify/custom/mentionme/8c2fd5fe6a58ba82/posthog.js","/_mintlify/custom/mentionme/6b3953f5758cd5c3/tests/sftp-tree.js","/_mintlify/custom/mentionme/621493ede3850bd6/version-switch.js"],"subdomain":"mentionme","siteName":"Mention Me Docs","title":"How to Customise the Shopify Customer Journey - Mention Me Docs","navMaps":{"firstHrefInVersion":{"Classic docs":{"href":"/knowledge/shopify/customer-journey","matchLevel":0},"Mention Me docs":{"href":"/","matchLevel":4}},"firstHrefInLanguage":{}},"lastModified":"2026-07-13T10:28:31.677Z","gitLastModified":"2026-07-13T10:25:07.000Z","originalFileLocation":"knowledge/shopify/customer-journey.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Mention Me Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"How to Customise the Shopify Customer Journey - Mention Me Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Mention Me Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.mention-me.com/knowledge/shopify/customer-journey\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://mentionme.mintlify.site/_mintlify/api/og/v2?division=Customer+Experience\u0026amp;title=How+to+Customise+the+Shopify+Customer+Journey\u0026amp;description=How+to+customise+the+Mention+Me+experience+in+Shopify%2C+including+checkout+overlays%2C+thank+you+pages%2C+and+colour+settings.\u0026amp;theme=52d9a28de14b1f3580df43c7\u0026amp;signature=b5f32178436d9feb40d2e897066c826461d09021801fc6ae903ce8da8df19cab\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"How to Customise the Shopify Customer Journey - Mention Me Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://mentionme.mintlify.site/_mintlify/api/og/v2?division=Customer+Experience\u0026amp;title=How+to+Customise+the+Shopify+Customer+Journey\u0026amp;description=How+to+customise+the+Mention+Me+experience+in+Shopify%2C+including+checkout+overlays%2C+thank+you+pages%2C+and+colour+settings.\u0026amp;theme=52d9a28de14b1f3580df43c7\u0026amp;signature=b5f32178436d9feb40d2e897066c826461d09021801fc6ae903ce8da8df19cab\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/mentionme/C55mfF-eb_dz8RU1/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Mention Me Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#4C57E6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.mention-me.com/knowledge/shopify/customer-journey\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/knowledge/shopify/customer-journey.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.mention-me.com/#organization\",\"name\":\"Mention Me Docs\",\"url\":\"https://docs.mention-me.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/mentionme/V2LNKGCh7ROBia07/logo/light.svg?fit=max\u0026auto=format\u0026n=V2LNKGCh7ROBia07\u0026q=85\u0026s=747c8cd37a71a653a020675616c849f3\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.mention-me.com#website\",\"name\":\"Mention Me Docs\",\"url\":\"https://docs.mention-me.com\",\"publisher\":{\"@id\":\"https://docs.mention-me.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey#webpage\",\"url\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey\",\"name\":\"How to Customise the Shopify Customer Journey\",\"description\":\"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\",\"dateModified\":\"2026-07-13T10:25:07.000Z\",\"isPartOf\":{\"@id\":\"https://docs.mention-me.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Quickstart Guides\",\"item\":\"https://docs.mention-me.com/developer-docs/integration/javascript-overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shopify\",\"item\":\"https://docs.mention-me.com/knowledge/shopify/overview\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Customise the Shopify Customer Journey\",\"item\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey#article\",\"headline\":\"How to Customise the Shopify Customer Journey\",\"name\":\"How to Customise the Shopify Customer Journey\",\"description\":\"How to customise the Mention Me experience in Shopify, including checkout overlays, thank you pages, and colour settings.\",\"url\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey\",\"mainEntityOfPage\":{\"@id\":\"https://docs.mention-me.com/knowledge/shopify/customer-journey#webpage\"},\"dateModified\":\"2026-07-13T10:25:07.000Z\",\"publisher\":{\"@id\":\"https://docs.mention-me.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.mention-me.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Mention Me Docs\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Mention Me Docs\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/knowledge/shopify/customer-journey.md","siteName":"Mention Me Docs","nav":{"global":{"anchors":[{"anchor":"Submit a Request","icon":"headset","href":"https://help.mention-me.com/hc/en-gb/requests/new"},{"anchor":"Platform","icon":"gauge","href":"https://app.mention-me.com"},{"anchor":"Status","icon":"signal","href":"https://status.mention-me.com"}]},"versions":[{"version":"Classic docs","default":true,"tabs":[{"tab":"Home","icon":"house","pages":[{"title":"Home","href":""}]},{"tab":"Guides","icon":"book-open","pages":[{"title":"Guides","href":"/knowledge/getting-started/overview"}]},{"tab":"Documentation","icon":"code","pages":[{"title":"Integration Overview","sidebarTitle":"Overview","href":"/developer-docs/integration/overview"},{"group":"Quickstart Guides","pages":[{"group":"Javascript Tags","pages":[{"title":"JavaScript Tags Quickstart","sidebarTitle":"JavaScript Tags","href":"/developer-docs/integration/javascript-overview"},{"title":"Referrer Tag","sidebarTitle":"Referrer Tag","href":"/developer-docs/integration/entry-points/referrer"},{"title":"Referee Tag","sidebarTitle":"Referee Tag","href":"/developer-docs/integration/entry-points/referee"},{"title":"Landing Page Tag","sidebarTitle":"Landing Page","href":"/developer-docs/integration/entry-points/landing-page"},{"title":"Homepage Promotions","sidebarTitle":"Homepage Promotions","href":"/developer-docs/integration/entry-points/homepage-promotions"},{"title":"Product Referral Tag","sidebarTitle":"Product Referral","href":"/developer-docs/integration/entry-points/product-referral"},{"group":"Advanced","pages":[{"title":"Order Tracking","sidebarTitle":"Order Tracking","href":"/developer-docs/integration/order-tracking"},{"title":"Conversion Message Tag","sidebarTitle":"Conversion Message","href":"/developer-docs/integration/conversion-message"},{"title":"Dashboard Tag","sidebarTitle":"Dashboard","href":"/developer-docs/integration/dashboard"},{"title":"Drive Action Tag","sidebarTitle":"Drive Action","href":"/developer-docs/integration/incentive-for-action"}]}]},{"group":"Shopify","pages":[{"title":"Overview","href":"/knowledge/shopify/overview"},{"group":"App","pages":[{"title":"How to Install the Mention Me Shopify App","href":"/knowledge/shopify/app-installation"},{"title":"FAQs","description":"Commonly asked questions about the Mention Me Shopify App, including Shopify Plus requirements, Web Pixels, and checkout extensions.","href":"/knowledge/shopify/app-faqs"}]},{"group":"Customer Experience","pages":[{"title":"How to Customise the Shopify Customer Journey","href":"/knowledge/shopify/customer-journey"},{"title":"How to Manage Imagery in Shopify","description":"How to manage images for referee and referrer journeys when using Mention Me with Shopify.","href":"/knowledge/shopify/imagery"},{"title":"Checkout Extensibility Best Practices","href":"/knowledge/shopify/checkout-extensibility"},{"title":"How to Add the Announcement Banner","href":"/knowledge/shopify/announcement"},{"title":"How to Set Up Product Referral Sharing","href":"/knowledge/shopify/product-referral"}]},{"title":"Personalised Discount Codes","sidebarTitle":"Discount Code Templates","href":"/knowledge/shopify/discount-code-templates"},{"title":"Segmentation","href":"/knowledge/shopify/segmentation"},{"title":"Locales","href":"/knowledge/shopify/locales"},{"title":"How to Migrate to the New Shopify App","href":"/knowledge/shopify/migrating-to-new-app"},{"group":"Additional Tag Implementation","pages":[{"title":"Overview","href":"/knowledge/shopify/additional-tags/overview"},{"title":"Checkout \u0026 Sidecart Referee Tag","href":"/knowledge/shopify/additional-tags/checkout"},{"title":"Landing Page Tag","href":"/knowledge/shopify/additional-tags/landing-page"},{"title":"Referral Dashboard","sidebarTitle":"Dashboard","href":"/knowledge/shopify/additional-tags/dashboard"}]}]},{"group":"SAP Commerce Cloud","pages":[{"title":"Referrer Tag – SAP Commerce Cloud","sidebarTitle":"Referrer","href":"/developer-docs/integration/setup/sap-commerce-cloud-referrer"},{"title":"Referee Tag – SAP Commerce Cloud","sidebarTitle":"Referee","href":"/developer-docs/integration/setup/sap-commerce-cloud-referee"},{"title":"Landing Page Tag – SAP Commerce Cloud","sidebarTitle":"Landing Page","href":"/developer-docs/integration/setup/sap-commerce-cloud-landing-page"},{"title":"Dashboard Tag – SAP Commerce Cloud","sidebarTitle":"Dashboard","href":"/developer-docs/integration/setup/sap-commerce-cloud-dashboard"}]},{"group":"Tag Containers","pages":[{"title":"Tag Containers","sidebarTitle":"Overview","href":"/developer-docs/integration/setup/tag-containers"},{"title":"Referrer Tag – Google Tag Manager","sidebarTitle":"Referrer","href":"/developer-docs/integration/setup/google-tag-manager-referrer"},{"title":"Referee Tag – Google Tag Manager","sidebarTitle":"Referee","href":"/developer-docs/integration/setup/google-tag-manager-referee"},{"title":"Landing Page Tag – Google Tag Manager","sidebarTitle":"Landing Page","href":"/developer-docs/integration/setup/google-tag-manager-landing-page"},{"title":"Dashboard Tag – Google Tag Manager","sidebarTitle":"Dashboard","href":"/developer-docs/integration/setup/google-tag-manager-dashboard"}]},{"group":"Native Apps","pages":[{"title":"Native App Integration","sidebarTitle":"Native Apps","href":"/developer-docs/integration/native-apps"}]},{"group":"Global-e Checkout","pages":[{"title":"Integrating Mention Me Tags into Global-e Checkout","href":"/knowledge/tags/global-e"}]}]},{"group":"Advanced","pages":[{"title":"Encrypted Parameters","sidebarTitle":"Encrypted Parameters","href":"/developer-docs/integration/encrypted-parameters"},{"title":"Newsletter API Integration","sidebarTitle":"Newsletter API","href":"/developer-docs/integration/newsletter-api"},{"group":"SFTP","pages":[{"title":"SFTP Connection","sidebarTitle":"SFTP Connection","href":"/developer-docs/integration/sftp-connection"},{"title":"SFTP Data Formats","sidebarTitle":"SFTP Data Formats","href":"/developer-docs/integration/sftp-data-formats"},{"title":"SFTP File Encryption","sidebarTitle":"File Encryption","href":"/developer-docs/integration/sftp-encryption"}]}]},{"group":"Reference","pages":[{"title":"Testing Your Integration","sidebarTitle":"Testing","href":"/developer-docs/integration/setup/testing"},{"title":"Error Codes \u0026 Messages","sidebarTitle":"Error Codes","href":"/developer-docs/integration/reference/error-codes"},{"title":"Integration FAQs","sidebarTitle":"FAQs","href":"/developer-docs/integration/reference/faqs"}]},{"group":"MCP Server","pages":[{"title":"Mention Me MCP Server","sidebarTitle":"Setup","href":"/developer-docs/mcp/setup"}]}]},{"tab":"API \u0026 Webhooks","icon":"square-terminal","pages":[{"title":"API \u0026 Webhooks","href":"/api-reference/introduction"}]},{"tab":"Changelog","icon":"newspaper","pages":[{"title":"Changelog","href":"/changelog"}]}]},{"version":"Mention Me docs","pages":[{"title":"Mention Me docs","href":"/"}]}]},"basePath":"","title":"How to Customise the Shopify Customer Journey - Mention Me Docs","buildId":"dpl_596ePT575z4qnAFksq1biRW97aLY","deploymentId":"dpl_596ePT575z4qnAFksq1biRW97aLY","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-BXrZabKK.js","DynamicMarkdown-CtasenyM.js","zoom-image-lightbox-C5F0mVLH.js","lightbox-handle-r17bVUz3.js"]}