Configure Online Booking Widget on your website

You are here:
< All Topics

Online booking widget

You want to create an online booking widget to highlight your promotions? Here’s the guide!


Set up the Product Page

Create a page with products for the widget

The products available in the widget are taken from a page with kind “OnlineWidget” and Online booking “On”. So create a new page and add the products you want to be available in the widget.

At the moment, it is only possible to add products on this page to show in the widget, you cannot add a list of ‘pages’ to the widget.

Remember that there can only be one page with the kind ‘OnlineWidget’.

Widget code for the web designer


The web designer can integrate the widget inside their website using the code below, where ‘yourkartingcenter’ and ‘locale’ needs to be changed with the one you need:


<div id=”sms_widget”></div>

<script type=”text/javascript” src=”“></script>


The widget will automatically add the products from the “OnlineWidget” page in the dropdown with available products.


You can also make use of a mini widget, which already has a specific product pre selected in the dropdown. This can be useful if you have specific activity / product pages on your website.

The code for the widget is then change a little bit, to add the productid:


<div id=”sms_widget” data-product=”39837314″></div>

<script type=”text/javascript” src=”“></script>


The product ID’s need to match our product ID’s of course, which you can find inside the configurator for these products.

This is what it will look like once everything has been configured properly on the FAST Configurator and on your website :


For any questions please contact or

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.