Introduction
Integrating the customer account module above or below the customer's orders matters for several reasons. It lets your customers see how many points they have and access the program quickly. Better visibility on loyalty points encourages customers to make the most of their points by claiming rewards.
If you're using the new customer accounts, follow this guide.
Personalization
From the Branding tab, open the customer account personalization.
You can change the appearance of the sections and all the texts.
Navigation & appearance
Customize the core of the module by editing the section background, the different sections themselves, and the menu.
Loyalty
For the loyalty section, choose between a simple banner or a points card.
Example: banner
Example: points card
Then choose the layout and appearance of the section, and edit the texts and colors. If you choose the points card, you can highlight progress through VIP Levels or the next upcoming reward:
Rewards
Showcase the Rewards offered by your loyalty program, as well as the rewards already redeemed and ready to use.
In this section, you can edit all the texts, colors, and more.
Change the location of the Customer Account module
Prestashop
If the current location of the Customer Account module on your PrestaShop site doesn't suit you, you can move it wherever you want.
To display the loyalty module exactly where you want it:
Go to your PrestaShop Back Office and find the "My Account" page (or the page where the module currently appears).
Identify the area where you want the module to appear (for example, below the order summary or in a specific section of the account).
Add an HTML tag at that spot in the page template:
<div id="loyoly-account"></div>
This <div> tag will let the Loyoly module display exactly where you chose.
⚠️ Good to know:
In PrestaShop, you can insert this code into the template file for the "My Account" page (often
my-account.tplor via the module editor).After editing, refresh the page to check that the module appears correctly.
Shopify
If the current location of the Customer Account module on your Shopify site doesn't suit you, you can move it wherever you want.
Open the Shopify editor
Go to Online Store > Customize.
In the navigation menu at the top of the editor, select the Home page, then choose -> Customer account.
In the sections editor, click Add section
Select the Custom Liquid block
In the Custom Liquid block field, paste the following code:
<div id="loyoly-account"></div>
