Let’s create an outstanding reward program that leaves a strong impression on your customers.
We have some advanced options for you to personalize the widget and match it with your store’s branding in the Branding tab. You can freely customize both the widget and widget icon to make sure everything is matched perfectly.
1. Customize widget theme:
BON allows adjustment for a lot of different elements in order that you can personalize your widget:
Also, you can upload your own banner photo to match with your brand image or choose default templates we suggest there. Please note the size of the banner image should be 230×100 px and less than 500KB.
Note: Visibility and Corner is only available in our Starter plan. To try these features, explore our plans here.
Visibility allows you to make your widget disappear on specific pages. Simply choose to Hide on specific pages fill in the URL of the page and customers will not see the widget on that page.
Corner allows you to choose the types of corner: Square, Soft and Round for your widget.
The changes you made will be applied to the shape of both the Widget icon and the Widget popup.
2. Customize widget icon:
Customers recognize the loyalty program by looking at the widget icon on your store. You can use our default settings or customize the placement, title and icon to make it more visually appealing.
BON offers customization for the following elements:
During your customization process, please take a look at the preview widget for better visualization.
Note: Type and more Placement options are available in our Starter plan. To try these features, explore our plans here.
To customize Type of widget icon, you can choose to display your widget with both Icon & text, Text only or Icon only.
For the Placement, BON offers multiple options to set the position of your widget icon both on Desktop and Mobile version
You can also adjust the space between the widget and the screen edges by changing the spacing measures.
Note: The side spacing is fixed if you choose Side left or Side right widget position.
The preview will immediately show you how your widget will look after every change. Remember to click Save after you finish editing
Related FAQ: How to set up multiple languages