Skip to main content

Loyalty pop-up and widget

Change the colors, position, messages and FAQs of the loyalty pop-up and widget on your store, with no CSS

Written by Jason Leader

The loyalty pop-up and widget are for stores on the Free and Small Business plans. On the Classic plan and above, we recommend the Loyalty Page instead.

In this article:


Overview

The loyalty widget is a button that shows on every page of your store. When a customer clicks it, the loyalty pop-up opens, where they can join your program, earn points and claim rewards. You customize both in LoyaltyLion, with no CSS.


Where to customize the pop-up and widget

These options appear once you've finished setting up and launched your program, using the express setup checklist.

  1. In LoyaltyLion, go to Display > Store components.

  2. On the Loyalty widget card, click Customize.

    The Loyalty widget card in Store components
  3. Choose a tab: Global, Popup, Widget or Content.

    The loyalty widget editor on the Global tab
  4. Click Save Changes. Your changes show on your store within a few minutes.


Global settings

The Global tab of the loyalty widget editor sets what applies to both the pop-up and the widget:

  • Theme colors: your Primary and Secondary colors, based on your branding.

  • Position on your site: show the widget on the Left or Right. If your store has a chat widget, choose the side where the two won't overlap.

  • Visibility: uncheck Show UI to hide the pop-up and widget from your customers.

Theme colors

Popup settings

The Popup tab of the loyalty widget editor sets how the pop-up looks and what it says. Under Colors, choose whether your Primary or Secondary color is used for each part of the pop-up.

The Popup tab Colors settings
Choosing Primary or Secondary for pop-up elements

Change the welcome message

Under Home, change the welcome message your customers see when they open the pop-up.

The Home welcome message

Change the sign-up message

Under Signup / Login, change the text your guest customers see before they join.

The Signup / Login message
The sign-up message in the pop-up

Widget settings

The Widget tab of the loyalty widget editor sets the Colors of the widget button: its background color and its text color. You set where it sits on the Global tab.


Content settings

The Content tab of the loyalty widget editor holds the FAQs in your pop-up. Change or translate the questions and answers there.

The Content tab FAQs

FAQ

Can I remove the widget from my store?

Yes. On the Global tab, under Visibility, uncheck Show UI, and then click Save Changes.

I'm on the Classic plan or above. Can I use the pop-up and widget?

On the Classic plan and above, we recommend the Loyalty Page instead of the pop-up and widget. To find out more, contact your Account Manager or our Support team.

Can I show the widget on only certain pages of my store?

No. The widget shows on every page of your store.

Why did my widget stop showing on my store?

The widget needs the LoyaltyLion SDK on your store. We check every 2 hours that the SDK is still on your store, and email you if it's gone. We don't reinstall it for you.

On Shopify, check that the LoyaltyLion SDK app embed is turned on in your live theme, especially if you've just changed theme. If you still can't see the widget, contact support@loyaltylion.com.

Did this answer your question?