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.
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
In Shopify 2.0 themes, the Launcher can be toggled on in the App Embeds section of your Theme Customizer:
For all other platforms, or if the launcher is not showing upon updating or changing a Shopify theme, you can 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.
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
In Shopify 2.0 themes, the Launcher can be toggled on in the App Embeds section of your Theme Customizer:
For all other platforms, or if the launcher is not showing upon updating or changing a Shopify theme, you can click on the Install Launcher button to install the launcher on your website:
Related to