> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.nector.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customer Account Page Widgets

# Customer Accounts Page Widgets

${frame}[](https://www.youtube.com/embed/HU2bktJyfkk)


### 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image1_fxv8fx.jpg)


###### 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image2_1d0f5px.jpg)


###### Step 3 - Prepare to Add Loyalty Blocks

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image3_fr84gq.jpg)


###### 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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image4_1b080hw.jpg)


###### Step 5 - Widgets Added Successfully

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image5_1nr0qcd.jpg)


###### Step 6 - Preview the Customer Order Screen

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image6_f0vpyn.jpg)


###### 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.


![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image8_zrj7ke.jpg)


###### Step 8 - Birthday Reward Section

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image9_1lfyo1y.jpg)


###### 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image10_1usimb1.jpg)

![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image11_1eer05w.jpg)

###### 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.