🔓 Loyalty widget text customization is unlocked on plans: Basic, Advanced & Pro

In this article:

  • How to select a widget page to customize
  • How to customize the loyalty widget text

How to select a widget page to customize

You can customize all 8 pages of the loyalty widget. 

1. In your Loyalty for Shopify admin, go to Display > Widget

2. Click Customize Text to open the dropdown

3. Click Go to text editor > to open the customization page

4. Next to Customize text for: click Rewards tab to open the drop-down

5. Select the widget page you want to edit 

How to customize the loyalty widget text

1. Edit (or translate) the text boxes to your preferred text

💡 Quick Tips:

  • Include the default merge tags and links to ensure your program works as it should
  • Keep your text short and simple to read
  • Add your brand's personality to your widget pages
  • Personalize text to your members by using merge tags 

> Learn more about translating your loyalty widget text

2. Click Save and Publish

Your loyalty widget will automatically update with your text changes. 


3. Repeat this for all relevant loyalty widget pages

Available Merge Tags and links

Your loyalty widget text has default merge tags and links to help you personalize your widget text to your loyalty members. Here is a list of merge tags and where they can be used.

📝  Note: We recommend that you leave the existing merge tags and links to ensure your loyalty program works as it should. You can customize the text around them. 

Rewards page:

In Header Text you can use:

  • {{first_name}}: A member's first name e.g. John
  • {{points_balance}} {{points_label}}: Number of loyalty points e.g. 20 points
  • {{points_label}}: Loyalty points 

On your birthday page:

In Header Text you can use:

  • {{birthday_points}} {{points_label}}: Number of loyalty points awarded on your birthday

In Instructions text you can use:

  • {{points_label}}: Loyalty points 

Complete profile page:

In Header Text you can use:

  • {{join_bonus}} {{points_label}}: Number of loyalty points awarded for signing up

Claim referral coupon page:

In Header Text you can use:

  • {{first_name}} {{last_name}}: A member's full name 
  • {{store_name}}: Your store name

In Instructions text you can use:

  • {{join_bonus_message}}: Message regarding the join bonus

Referral link page:

In Header Text you can use:

  • {{refer_bonus_points}} {{points_label}}: Number of points awarded for making a referral

In Instructions text you can use:

  • {{referred_bonus_reward}}: Bonus points awarded for joining from a referral

 🎨  Formatting HTML Basics:

  • To bold important parts of sentences use <strong>insert your text here</strong>
  • To italicise parts of sentences use: <i>insert your text here</i>
  • To underline parts of sentences use: <u>insert your text here</u>
  •  To drop text down on to a new line use: insert text here<br>insert your text here
  • To insert a link into your text use: <a href="insert your URL link here" target="_blank" style="text-decoration:underline"><span class="color-theme">Insert your text here</span></a>

📝  Note: If at any time you get stuck with customizing your text, our Customer Success Experts will be more than happy to help. You can chat with us anytime, or send an email to hello@loyalty-for-shopify.io.

To preview your new widget on your online store, click the View in new tab icon.

What's next?

> Choose which widget design layout is right for your store
> Learn more about translating your loyalty widget text

Did this answer your question?