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
Where To Edit Launcher Content
Go to Display > Launcher > Settings/Branding to customize the launcher and its components.
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 |
|
|
Rewards Program Title Earning Title Earning Icon Earning Button Spending Icon Spending Title Spending Button Redeem Button |
|
|
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
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:
Loyalty Classic
Where To Edit Launcher Content
Head over to Settings - Widgets - Launcher to customize the launcher and its components.
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 |
|
|
Rewards Program Title Earning Title Earning Icon Earning Button Spending Icon Spending Title Spending Button Redeem Button |
|
|
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:
