Import data
26 April, 2022Customize your widget text
26 April, 2022How to customize your widget's theme
Appearance and branding are vital for a loyalty program. A visually appealing helps impress your customers, creates recognition, and stands out from other businesses. Unique branding builds trust, makes customers remember your website, and enhances customer loyalty.
Navigation:
2. How to customize your widget with Theme feature
2.1. Visibility
2.2. Colors
2.3. Banner image
1. Overview of Theme feature
To personalize your loyalty program’s display and match it with your store’s branding, you can find all options in Branding > Click the “Customize” button in the Theme tab to customize how your widget will appear
There are several customizable settings for you to make changes to the widget appearing on your store-storefront:
- Visibility: Choose the position to display your widget and loyalty sections to show on the widget
- Colors: Customize theme color for separate sections on your widget
- Other advanced customizations, such as changing banner image, adjust corner of the widget, remove BON brandmark and custom CSS.
Note: Locked features are available from the Basic plan. Check out our pricing plans here.
2. How to customize your widget with Theme feature
2.1. Visibility
To begin with the set-up for your widget on the store front, you need to decide where to place the widget so that your customers can see it clearly. Go to Branding and select Visibility.
Here, you can start by selecting which pages to display your widget.
Next, select which tab you want to show on your widget.
For example, if you want to focus on promoting your referral program, then you can hide other unnecessary tabs like VIP Tier, Redeem points, etc. You can always add them back anytime.
You can also customize contents to show on your widget banner. This setting comes with two options:
- Illustrations: Tick the box to display the illustration of hands and gift boxes on your widget’s banner
- Program name: Tick the box to show your loyalty program name. This name can be edited in Widget text > Sign-in page > Program name.
See how to change the program name here.
2.2. Colors
With Theme color, the changes will be reflected in the primary button, background, program title and icon of each section.
With Section color, you can make changes to the loyalty sections on your widget.
With the Function button color, you can change the color of the action buttons in tabs like Redeem points and Earn points. To preview the changes, you’ll need to go to your store-front, open the widget and go to a specific tab to view the buttons.
Note: To change the color for the loyalty sections and function buttons, you need to be on the Basic plan and above to unlock this feature.
2.3. Banner image
This feature enables you to upload your banner image to better advertise your store branding and products.
Requirements for the image are to have a 1.7:1 ratio (for example 375x220px) and be less than 500KB.
Accepted file formats: .png, .jpg, .svg, .gif
2.4. Finishing your set-up
Once you finish customizing your widget’s branding, click Save. If you click Reset settings to default, all the settings will be permanently reset.