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
bookingKitContainerclass and the required data attributes - A
scriptelement 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>