Articles on: On-Site Displays

Customer Account Page Widgets

Customer Accounts Page Widgets




Introduction


Your customer account page is the perfect place to showcase loyalty information—customers are already signed in, checking their orders, and engaged. By adding loyalty widgets such as coin balance, transaction history, referral link, and birthday rewards, you create an integrated experience that increases visibility and participation in your loyalty program.

This guide walks you through adding the loyalty dashboard components in Shopify so customers can view all their rewards and opportunities directly from their account page.



Step 1 - Open Shopify Theme Customizer


Begin by logging in to your Shopify store.

Click Customize to open the theme editor.




Step 2 - Go to Checkout & Customer Accounts


Navigate to Checkout and Customer Account from the theme editor menu.

Select the Orders page—this is where logged-in customers will view their past and current orders.

💡 Why this matters: The Orders page is a high-intent touchpoint, making it ideal for displaying loyalty benefits.




Step 3 - Prepare to Add Loyalty Blocks


Inside the Orders page layout, look for the section where blocks can be added.




Step 4 - Add All Three Loyalty Blocks


Add the required loyalty widgets one by one, such as:

• ⭐ Current Coin Balance / Loyalty Summary

• 🔁 Transaction History

• 🎉 Referral & Birthday Reward Widgets




Step 5 - Widgets Added Successfully


Once added, all three loyalty blocks will appear within the customer’s order page layout.




Step 6 - Preview the Customer Order Screen


With all widgets added, this is how the customer’s order page will appear.




Step 7 - Displaying Loyalty Information


Customers will now be able to view:

• Their name

• Their current loyalty points

• Their unique referral link

💡 Tip: Visibility encourages customers to redeem and share rewards more often.





Step 8 - Birthday Reward Section


Customers can add or update their birthday and receive coins automatically through this widget.




Step 9 - Referral Widget on Account Page


The Refer & Earn block will show your configured description, allowing customers to copy and share their referral link easily while viewing their order details.




Wrap-Up


Great work! You’ve successfully added the loyalty dashboard features to the customer’s account area. Your customers can now:

✅ View their loyalty points

✅ Track their transaction history

✅ Access their referral link

✅ Enter their birthday to earn rewards

This enhances engagement and encourages customers to stay active in your loyalty ecosystem.


Updated on: 16/12/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!