Embed your Dedicated Page on any Shopify page

Introduction

Incorporate your Loyalty Hub across your e-commerce platform to give clients easy access to their membership information, perks, and all program features.

✨ The instructions below call for a basic understanding of HTML

Embed the Dedicated Page into a new page

  1. From your Shopify admin, go to Online Store > Themes
  2. Click the three-dot button > Edit code
  3. In your theme's codebase, locate the area where you wish to display the Loyalty Hub. For this demonstration, we'll incorporate it into our user profile page.
  4. Copy and paste the snippet code below into the preferred line

<div id="brandlift-page-wrapper" style="min-height:800px;"></div>

5. Save changes and check the result on your online store.

Common questions

Can I design different Dedicated Pages?

Unfortunately not. There's a single Loyalty Hub that can be embedded into various pages of your e-commerce site concurrently. Any modifications to the Loyalty Hub will be reflected on all pages where it's displayed.

I inserted the snippet code but I can't see the Page. Why?

Make sure your Dedicated Page is enabled by going to Onsite > Dedicated Page.

Can I add the code to a page within my page builder?

The Loyalty Hub can only be displayed if you directly insert our code snippet into the Shopify theme's source code.

Was this article helpful?

Customizing the widget button and screen position
Premade CSS themes for your Account Page Embed