Introduction
To ensure a seamless fit with your brand, Loloyal offers extensive customization options for the widget launcher, including display settings, colors, fonts, layout, and overall styling across all devices.
Setting Widget Launcher Style
Customize how your widget launcher appears and behaves across devices:
1. From your Loloyal dashboard, go to Brand Style > Widget launcher > Styles
2. Style launcher in the fields below:
Launcher display - Choose whether to show or hide the launcher on desktop and mobile devices.
Platform - Set different styles for the widget launcher based on device type (desktop or mobile).
Button - Customize the launcher’s button color and text color to match your brand.
Placement - Adjust how far the launcher sits from the edges of the screen.
Styles - Change the size and shape of the launcher to suit your design preference.
Display type - Decide how the launcher appears:
a. Display Method: Choose from Icon & Text, Icon only, or Text only.
b. Icon Options: Use a built-in icon or upload your own.
c. Text Translations: Edit the icon text for different languages.
Visibility - Select which pages the launcher should appear on to better target your audience.
3. Save changes.
4. Make sure to enable app embed on your store theme.
Widget Visibility Settings
Control when and where your loyalty widget appears to provide the best customer experience.
From the dashboard, go to Brand Style > Widget launcher > Styles > Launcher display
Choose from the following options:
Show on both desktop and mobile: Display the widget on all devices.
Hide on mobile devices: Show the widget only on desktop browsers.
Hide on desktop devices: Show the widget only on mobile browsers.
Hide widget permanently: Completely disable the widget across all devices.
Save your changes.
📝 Note: If you hide the widget on specific devices, make sure to provide alternative ways for customers to access their loyalty program, such as through a dedicated page or account section.