Introduction
By incorporating the Account Embed into your customer's profile page, you can display their Loyalty points information. This creates a smooth, integrated experience on your website, allowing customers to quickly view their points balance from their account.
Walkthrough
Setting up your Account Page Embed
Now, let's guide you through the process of incorporating your customers' points balance into their existing account page.
- From your Loyalty Dashboard, go to Onsite > Account Embed
- Make any edits to the default text or settings:
- Loyalty Program and Rewards - This is the default title of the account widget embed
- You have {{points}} points - The {{points}} variable will display your customers points amount as a number on their customer account page
- View My Rewards Account - This is the link that will open the widget
- Set custom redirect path - This option allows you to set a custom redirect path that will open a new tab. By default, clicking the link opens the widget but now you can set it to open your rewards page instead
- Freeform text - Here you can add any custom text to the account. This is a great place to explain your rewards program
- Make sure to toggle the switch to
ON
- Click Save and visit your store's
/account
page to preview the changes
💡 Pro Tip: Looking to create a loyalty page too? Create a dedicated page for your Loyalty program
✨ BrandLift Loyalty & Referrals' Account Embed now integrates with Customer Account Concierge. Check out our guide here.
Advanced settings and custom themes
Custom CSS
✨ Check out some premade CSS themes for the Account Embed here
Setting a custom selector to embed the widget
Here you can add an HTML class, to tell our app where to show the widget on the account page. For example, adding .order-history
here would display the widget above your customer's order history. By default, the widget is displayed at the top of the account page.
Choosing the page position of the widget
By default, our application positions the widget at the top of your customer account page. If you'd like to change its location, you can use a custom selector to specify where the embed widget should be placed.
- beforebegin - Embeds the account widget before the element
- afterbegin - Embeds the account widget after the beginning of the element (first child)
- beforeend - Embeds the account widget before the end of the element
- afterend - Embeds the account widget after the element
Common questions
Can I embed this widget somewhere else on my website?
At present, the widget is designed to be embedded exclusively on the customer account page.
Can someone help me customize the design?
Yes! Email our technical team and we'll be happy to spruce it up.