Loyalty & Rewards: Launcher Customization

  • Updated

Your Loyalty Launcher is embedded on your website. It allows your customers to log into their accounts, view their points, and see program information. Use this guide to customize & install your Loyalty Launcher. 

The below guide provides instructions for both our Loyalty Classic and Loyalty 2.0 experience. We are migrating customers to Loyalty 2.0 throughout the coming months. If you're unsure which version you are on now, please first navigate here.


In This Guide

Loyalty 2.0

Loyalty Classic


Loyalty 2.0

Go to Display > Launcher > Settings/Branding to customize the launcher and its components.

LR

LR

 

There will be a placeholder in each field with the default text display on the launcher (e.g. Welcome to {{shop_name}} in the Subtitle field), so you do not have to worry if you do not know which field to update for each component of the launcher.


Customization

You can customize your launcher's components to accommodate your brand and customers.

Heading

Fields Components
Title
Subtitle

Localization

There are mainly 5 sections available for customization.

Section Components
Signup

Title

Description

Signup button

Footer Text

LR
Rewards Program

Title

Earning Title

Earning Icon

Earning Button

Spending Icon

Spending Title

Spending Button

Redeem Button

LR
LR
VIP Program

Title

Description

Referral Program

Title

Description

Customer Get Title

Friend Get Title

Referral Send

Title

Email To

Email Placeholder

Email From

Message Placeholder

Send Button

Referral Claim

Description

Error Message

Email Placeholder

Button

Your Rewards
(Logged-in)

Menu


Tite

Description

Button


Coupon Description

Coupon Apply Button


Your Reviews
(Logged-in)

Menu


Title

Description


Your Reviews

Order

 

Placement

You can choose where you would like to display the launcher on your website. 

Position Default: Left
Options: Left, Right
Visibility Default: All devices
Options: All devices, Desktop only, Hide on all device
Launcher position left offset (px) Default: 30px
Launcher position bottom offset (px) Default: 30px

Further Customization

Any additional CSS codes can be added under this Display > Launcher > Settings > CSS Editor. This will ensure that any tweaks in the launcher will be carried over with a change of themes/files in your platform!

*Available on the Premium plan and above

LR


Installation

If the launcher is not showing upon updating or changing the theme, go to Display > Launcher > Settings > Installation and click on the Install Launcher button to install the launcher on your website:

LR

 


Head over to Settings - Widgets - Launcher to customize the launcher and its components.

LR

LR

There will be a placeholder in each field with the default text display on the launcher (e.g. Welcome to {{shop_name}} in the Subtitle field), so you do not have to worry if you do not know which field to update for each component of the launcher.


Customization

You can customize your launcher's components to accommodate your brand and customers.

Heading

Fields Components

Title

Subtitle

Localization

There are mainly 5 sections available for customization.

Section Components
Signup

Title

Description

Signup button

Footer Text

LR
Rewards Program

Title

Earning Title

Earning Icon

Earning Button

Spending Icon

Spending Title

Spending Button

Redeem Button

LR
LR
VIP Program

Title

Description

Referral Program

Title

Description

Customer Get Title

Friend Get Title

Referral Send

Title

Email To

Email Placeholder

Email From

Message Placeholder

Send Button

Referral Claim

Description

Error Message

Email Placeholder

Button

Your Rewards
(Logged-in)

Menu


Tite

Description

Button


Coupon Description

Coupon Apply Button


Your Reviews
(Logged-in)

Menu


Title

Description


Your Reviews

Order


Placement

You can choose where you would like to display the launcher on your website. 

Position Default: Left
Options: Left, Right
Visibility Default: All devices
Options: All devices, Desktop only, Hide on all device
Launcher position left offset (px) Default: 30px
Launcher position bottom offset (px) Default: 30px

Further Customization

Any additional CSS codes can be added under this section of the settings, This will ensure that any tweaks in the launcher will be carried over with a change of themes/files in your platform!

*Available on Premium plan and above


Installation

If the launcher is not showing upon updating or changing the theme, you can click on the Install Launcher button to install the launcher on your website:

 

 

Was this article helpful?

0 out of 2 found this helpful

Have more questions? Submit a request