Your customers access your loyalty widget via a tab on your online store. Customize this tab to compliment your store's design and stand out. 

In this article:

  • How to customize your loyalty widget tab text
  • How to choose your tab color
  • How to choose your tab font
  • How to change the position of your tab

How to customize your loyalty widget tab text

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

2. Click Tab Text to open the drop-down

3. Edit the text to prompt your customers to click and open the loyalty program. The tab text should be clear that it is related to a loyalty or membership program

4. Click Save & Publish

How to choose your tab color

1. Click Tab Color to open the drop-down

2. Enter your store's hex code or click the color box to select a color

3. Click Save & Publish

📝  Note: Don't forget the '#' before the hex code. Don't know what your brand color's hex code is? This HTML Color Code tool will tell you. 

How to choose the font of your tab

1. Click Tab Font to open the drop-down

2. Select your preferred font style from the drop-down menu

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

3. Click Save & Publish

How to choose the position of your tab

1. Click Tab Position to open the drop-down

2. Click Bottom Left to open the drop-down and choose where you would like your tab to sit on your online store

3. Click Save & Publish

How to add your tab to your online store

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

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

What's next

> How to customize your loyalty email templates
> Prefer to give your loyalty program it's own page? Create a tabless program

Did this answer your question?