Skip to main content

Integrate Widget v2

The bookingkit widget allows you to embed a ticket shop directly into your website. First, the widget should be configured on the bookingkit platform, and then the widget code should be added to the website's source code.

Widget configuration

There are several types of bookingkit widgets available:

  • List widget (for listing multiple experiences)
  • Single experience widget
  • Calendar widget (for displaying multiple experiences in a calendar view)

You can enable and configure particular widget types using the widget configurator in the bookingkit software.

You can find more information here.

Integrate widget

You can integrate the bookingkit widget by adding the following elements to your website:

  • A container element with the bookingKitContainer class and the required data attributes
  • A script element pointing to the bookingkit script source

Important note: Obtain the code directly from the bookingkit software's widget configurator. Do not manipulate the data attributes or the script source.

Place the code exactly where you would like the widget to appear.

You can find more information here

Sample integration code

<div 
id="bookingKitContainer"
data-e="a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6"
data-cw="fedcba9876543210fedcba9876543210">
</div>
<script
src="https://1234567890abcdef1234567890abcdef.widget.bookingkit.net/bkscript/fedcba9876543210fedcba9876543210/?e=a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6"
async>
</script>
Last updated: November 19, 2025 at 09:08 AM UTC