✅ 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:

1. Accessing the customization settings
2. Positioning the widget
3. Colors, graphic design, and font
4. Widget style and font size
5. 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.

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. 

✅ 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:

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.