Button Style
Use a Custom Button
By default, our yellow button with the Axeptio logo is displayed. By checking this box, you can replace it with a button with custom visuals and/or text. You can also customize the size and appearance of the button, visuals, and text.
Widget Position
By default, the banner is displayed in the bottom left. However, you can move it to the right if you prefer.
Button Horizontal Offset (offset X)
You can shift the button to the left or right. Useful to prevent the button from overlapping other elements of your interface.
Button Vertical Offset (offset Y)
You can shift the button up or down. Useful to prevent the button from overlapping other elements of your interface.
Do Not Intercept Page Scrolling
By default, Axeptio controls page scrolling when the widget is displayed, to keep it visible and avoid awkward display effects.
Most of the time, this is convenient and we recommend leaving this option disabled if you don't experience particular issues. However, on some sites, this can be annoying. You can try enabling this option if you observe the following typical undesired behaviors:
inability to scroll the page, especially on mobile, where scrolling may be blocked while the banner is displayed
behavior with site elements such as menus, pop-ins, or modals
When this option is enabled, Axeptio no longer controls page scrolling and lets the browser manage scrolling normally.
Widget Root Position in the Body
Defines where in the page's HTML code Axeptio inserts the widget: at the beginning or end of the <body> tag.
By default, the widget is inserted at the beginning of the <body>. This positioning is recommended, as it provides better support from assistive technologies, such as screen readers.
However, it is possible to insert the widget at the end of the <body> if you encounter compatibility issues with the site structure, certain global CSS styles, or JavaScript scripts. This option is mainly intended for specific cases and generally has no visible impact for users.
Overlay
The overlay is a semi-transparent background displayed behind the Axeptio widget when it is open. It highlights the consent banner and reduces distractions from page content.
The parameters available in this section allow only to customize the overlay appearance (opacity, colors, style). Entering these values does not by itself enable overlay display.
For the overlay to be displayed, one of the following features must be enabled:
the contextual consent wall, which can be added from an existing configuration
the Display widget in the center of the screen (like consent wall) option, available in a configuration via Integrate on Your Site
The overlay colors (gradient or solid color) can be customized further down the page, in Colors > Overlay.
Overlay Background Opacity
Defines the transparency level of the background displayed behind the widget.
The expected value is a decimal value between 0 and 1, where:
0 corresponds to a completely transparent background
1 corresponds to a completely opaque background
Overlay Fill Style
Allows you to choose the background type used:
Radial: a gradient centered around the widget, with a softer and more progressive effect
Solid color: a uniform background across the entire page
Colors
The Colors section allows you to customize all colors used by the Axeptio widget.
Paint Splash
The paint splash corresponds to the colored circular graphic element displayed at the top (to the right or center) of the different widget steps, visible in the background of illustrations.
This color is used as a visual accent and contributes to the overall graphic identity of the widget.
Basic Colors
These parameters allow you to define the colors used for general widget elements:
Primary: dominant theme color
Text: standard text color
Titles: title color
Widget background: main widget background
Card background: background of cards and internal blocks
Unchecked checkbox background color: unchecked state
Checked checkbox background color: checked state
Basic Buttons
These options define the default appearance of secondary buttons:
text color
text color on hover
border color
background color
background color on hover
Primary Button
These parameters apply specifically to the widget's primary button:
text color
text color on hover
background color
background color on hover
They allow you to highlight the main action offered to the user.
Consent Button
These options control the appearance of buttons related to consent:
background color
background color on hover
text color
text color on hover
outline color
outline color on hover
They allow you to precisely adjust the appearance of consent and refusal actions.
Overlay
These parameters define the colors used for the background displayed behind the widget when it is open:
Overlay gradient center
Overlay gradient exterior
They are used when the overlay fill style is configured as a gradient.
Widget Style
Border Radius (Rounded Corners)
Defines the level of rounding applied to the widget's corners, expressed in pixels.
A high value produces more rounded corners, while a low value gives a more angular appearance.
Border Radius of Consent Buttons
Controls the rounding of consent buttons displayed in the widget.
This setting allows you to harmonize the appearance of buttons with the overall site style.
Close Button Rounded Corners
Defines the rounding of the button used to close the widget.
This parameter is independent of other border radius settings.
Title Size
Defines the size of titles displayed in the widget, expressed in pixels.
This setting directly impacts the visual hierarchy and readability of content.
Body Size
Defines the size of the widget's main text, expressed in pixels.
A size that is too small can harm readability, especially on mobile.
Drop Shadow
Allows you to define the shadow style applied to the widget.
The shadow helps visually separate the widget from page content and reinforces its visibility.
Typography
The Typography section allows you to define the fonts used in the Axeptio widget, for titles and text.
These settings allow you to align the widget's appearance with the site's typography.
Title Font
Allows you to define the font used for titles displayed in the widget.
You can choose a Google font or another font by directly entering its family name (font-family).
If the chosen font is not already loaded on the page, the Let Axeptio load the font on the site option allows Axeptio to load it automatically.
Text Font
Allows you to define the font used for widget text, independently from titles. Like titles, you can use a Google font or a custom font via its family name.
If the font is not already available on the site, Axeptio can load it automatically via Google Fonts by enabling the corresponding option.
Loading additional fonts can impact site performance and compliance and should be used with caution.