✅ This feature is enabled with Axeptio's paid packages
The idea is to customize the appearance of your widget so that it matches the design of your site perfectly.
In this article, we'll cover the following topics:
- Accessing the customization settings
- Positioning the widget
- Colors, graphic design, and font
- Widget style and font size
- Typeface selection
1. Accessing the customization settings
Click the wheel icon and then the Colors and graphic design menu that appears in order to access your widget's settings:
2. Positioning the widget
The first section of the settings interface for your widget is the Button Style section.
In this section, there are various settings that allow you to manage the positioning of your widget and its placement on your site.
✅ You can opt to use the default button or use a custom button.
Using the default button |
Using the custom button settings |
3. Colors, graphic design, and font
The second section of the settings interface for your widget is the Colors section.
In this section, the Painting section lets you change the widget's dominant color.
You can use color charts to choose the exact color you want for each element.
The various other sections (Base Colors, Base Buttons, etc.) let you change the color of each element by clicking the small square in front of it.
Chainging the base text color |
✅ Remember to submit when you change a color
You can view your changes in real time with the Axeptio widget preview to the left of the settings interface:
Preview changes to the base text color |
4. Widget style and font size
The third section of the settings interface for your widget is the Widget Style section.
Its various sections allow you to adjust the rounding of the buttons and the font sizes in your widget.
5. Typeface selection
The fourth and final section of the settings interface for your widget is the Typography section.
It lets you select the typeface that you want.