🔓 Loyalty tab customization is unlocked on the Marsello Pro Plan.

Loyalty Tab allows your customers to access their loyalty profile easily on your online store. You can customize this loyalty tab to compliment your store's brand.  

In this article:

  • How to customize your loyalty tab
    > Customize loyalty tab text
    > Choose your tab color
    > Choose your tab font
    > Choose the position of your tab
    > Choose the tab visibility
  • Add your loyalty tab to your online store
  • How it works – Your customers' experience 

Prefer to give your loyalty program it's own page?
>
Create a tabless loyalty program in Shopify
>
Create a tabless loyalty program in BigCommerce

How to customize your loyalty tab

1. In your Marsello admin, go to Loyalty > Loyalty Widget
2. Click Tab to display the customization options

Customize loyalty tab text

1. Click Tab Text

2. Customize the Tab text to prompt your customers to open their loyalty profile. 

3. Click Save & Publish

Choose your tab color

1. Click Tab Color
2. Enter your store's Hex Color Code or click the Color picker to select a color

3. Click Save & Publish

📝  Note: Don't forget the '#' before the hex code. If you don't know what your brand's hex color code, this HTML Color Code tool can help.

Choose your tab font

1. Click Tab Font
2. Select your preferred font from the drop-down

3. Click Save & Publish

💡 Pro Tip: The tab preview on the right hand side will show you what it looks like with the different fonts, so you can pick one you like without having to return to your store.

Choose the position of your tab 

1. Click Tab Position
2. Select your preferred tab position from the drop-down 

3. Click Save & Publish

💡 Pro Tip: If you have other tabs on your online store already, for example a live chat icon, choose a position that is completely separate from the other tab. 

Choose the tab visibility

1. Click Tab visibility
2. Select the devices that you would like the loyalty tab to be displayed on

📝 Note: By default, your loyalty tab will show on all devices. If you select None this will create a tabless program. 

Add your loyalty tab to your online store

Then when you've finished customizing your tab, turn it on so your customers can see your loyalty program on your online store. 

How it works – Your customers' experience 

On your online store, your customers will see your customized loyalty tab. Here, new customers can join and your existing members can log in to check their points balance, redeem rewards and see more ways they can earn points. 

Did this answer your question?