Customize the Display Settings in Loyalty Points

Alexa

Published: August 09, 2017 19:23

Last Updated: August 25, 2021 21:48

Loyalty Points is a robust loyalty program that you can use to further incentivize your customers.

Within Loyalty Points' Display Settings, you can make adjustments to many of the app's design elements, such as:

Language
Colours
Font sizes
Placeholders
Custom CSS Styling

And much more.

Caution

At this time, version 1 of Bold Loyalty Points is unavailable for new installations. If you are currently using version 1 of Bold Loyalty Points, you will be able to continue using the app as your account will now be grandfathered.

Change the Language

From the Shopify Admin, select Apps.
Select Loyalty Points by Bold.
Select Settings.
Select Display Settings.
Edit any of the fields to adjust the language.

Note: You can adjust the language within any Display Settings tab.
Select Save.

Change the Colour(s)

From the Shopify Admin, select Apps.
Select Loyalty Points by Bold.
Select Settings.
Select Display Settings.
Edit any of the fields designated for colours.

Note: All elements you can change the colour of will display with a HEX code placeholder, as seen below.
Select Save.

Change the Font Size

From the Shopify Admin, select Apps.
Select Loyalty Points by Bold.
Select Settings.
Select Display Settings.
Edit any of the fields designated for colours.

Note: All elements you can change the font size of will display with a numerical value and PX beside it, as seen below.
Select Save.

Change the Placeholder(s)

From the Shopify Admin, select Apps.
Select Loyalty Points by Bold.
Select Settings.
Select Display Settings.
Edit any of the fields designated for colours.

Note: All elements you can change the placeholder for will appear with a merge field, as seen below.
Select Save.

Custom CSS Styling

From the Shopify Admin, select Apps.
Select Loyalty Points by Bold.
Select Settings.
Select Display Settings.
Select Custom CSS.
Enter your custom CSS code.
Select Save.