When customers log in to their Shopify customer account on your store, they can see their profile details and purchase history. Adding your loyalty widget allows customers to easily check their loyalty points balance and redeem reward coupons.

In this article:

  • Ask the Marsello support team for your Account ID
  • Add your loyalty widget to your Shopify my account page theme
  • Preview your loyalty widget on your my account page

Ask the Marsello support team for your Account ID

To add your store's loyalty widget to your my account page, you need to your Marsello account ID from the support team.

You can ask through the chat icon in the bottom right-hand corner.

Add your loyalty widget to the my account page theme

1. In your Shopify admin, go to Online Store > Themes

 2. Under Themes, click Actions

3. In the drop-down, click Edit Code

4. In the below snippet of code, add your Marsello Account ID after /Custom/Rewards/
   
 

<div style="margin-top: 50px;">

  <iframe width="500" height="504" id="loyalty-account" src="https://app.marsello.com/Portal/Custom/Rewards/MARSELLO-USER-ID?sourceCustomerId={{ customer.id }}&redirectToTiers=true" style="border-style: groove;border-color: #dddddd;color:  white;">

  </iframe>
</div>


📝Note: Save this code for the next step.

For example
, our demo store's account ID is 591bc95902022b0b40d9355d. Added to the code it should look like this:

<div style="margin-top: 50px;">

  <iframe width="500" height="504" id="loyalty-account" src="https://app.marsello.com/Portal/Custom/Rewards/591bc95902022b0b40d9355d?sourceCustomerId={{ customer.id }}&redirectToTiers=true" style="border-style: groove;border-color: #dddddd;color:  white;">

  </iframe>
</div>

5. In your Shopify theme page, click on the Templates folder

6. Click into the customers/account.liquid page.

6. In the customers/account.liquid page copy your code snippet and paste it into your theme before the last </div> tag.

7. Click Save on the top right-hand corner

Preview your loyalty widget on your my account page

1. At the top of the theme page, click Preview

2. On your Shopify store, log in to your store account 

3. In your customer account page, you'll now see your loyalty widget

Did this answer your question?