Widget Configuration

The bookingkit widget can be configured and customised in two ways:

• using widget configurator,
• directly in the website's code by providing configuration options via data attributes of the widget element.

Data Attributes

Data attributes can be used to configure the following widget properties:

• Experiences. More info here,
• Trigger style. More info here,
• Widget style. More info here,
• Tracking. More info here,
• Localisation. More info here.

Important note: Configuration options provided via data attributes override the configuration made in the widget configurator.

Styling the widget

All of our new widgets use CSS variables to customise the style. Customisation is done by changing the CSS variables in the :root element.

There are two main categories: widget-scoped and global-scoped variables. While the widget-scoped ones are used to customize a specific part of a widget, the global-scoped ones are used to customize any single element and work across all widgets.

You can find more info and the list of variables here.