The Rewards Branding settings in Growave 2.0 allow you to customize the appearance of your Rewards launcher and pop-up widget to match your store’s theme. The interface consists of two tabs: General and Popup & Launcher.
🚀 Feature availability
Rewards branding is available starting from the Entry plan.
General tab
Use the General tab to set the following color options for your Rewards widget:
Theme
Configure two main colors: Primary and Secondary. These two colors in HEX format define the overall widget theme and will be used in other General and Popup & Launcher tab settings.
Buttons
Set button background and border color (Primary or Secondary). Default: Primary. This applies to the background and border of "primary" buttons, such as those in Nudges and the "Join now" button for not logged-in users. Only the border color changes for the "secondary" buttons (the default background is transparent).
Set button font color (White or Black). Default: White. Applies to text color for "primary" buttons. The "Secondary" button text color is set to black.
Content
Customize icon color (Primary or Secondary). Default: Primary. Does not affect icons in specific components, such as the launcher button.
Customize link color (Primary or Secondary). Default: Primary.
Widget type
Choose how the Rewards widget interface is displayed to customers on your storefront.
Select your preferred layout from the drop-down menu:
Drawer widget: The interface slides in as a sidebar from the edge of the screen, overlaying your storefront content.
Popup widget: The interface appears as a floating box on the screen, opening directly from the launcher button.
Popup & Launcher tab
The Popup & Launcher tab provides six sections for further customization:
Launcher visibility by device
Control launcher visibility:
Show on all devices (Default).
Show only on desktop (for screens 1024px or wider).
Hide on all devices.
Widget banner
Color: Set banner background color (Primary or Secondary). Default: Primary.
Font: Set banner font color (White or Black). Default: White. This also applies to banner icons, such as the QR code for Shopify POS (if this setting is active), History, and Rewards program FAQ.
Program name: Add a program name to display when users are not logged in.
Upload a banner image: Upload a custom banner image (JPG or PNG) to cover the header area.
Launcher
Color: Set launcher background color (Primary or Secondary). Default: Primary.
Font: Set launcher font color (White or Black). Default: White.
Launcher style: Choose the launcher display style:
Icon with text (Default). On mobile devices, this option displays Icon Only by default.
Text only
Icon only
Launcher icon
Launcher icon: Select from five predefined icons (Default: Trophy), or enable the Upload custom icon checkbox and use your own file.
Icon color: Set icon color (White or Black). Default: White.
If Text only is selected in the launcher display style, this section becomes inactive.
Launcher position
Adjust launcher position and screen edge spacing for desktop and mobile:
Placement: Bottom right (Default) or Bottom left.
Spacing:
Desktop: Lateral offset (default: 45px) and bottom offset (default: 10px). For screens 768px or wider.
Mobile: Lateral offset (default: 45px) and bottom offset (default: 10px). For screens narrower than 768px.
If you have questions or need assistance, contact us at [email protected] or use the chat icon in the bottom-right corner of you Growave admin panel. We’re here to help! 🤗