Configure Online Booking Widget on your website


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

Create a page with products to highlight

You need to create a page for your online booking platform with all the products that you want to highlight on your website:

  1. Create a page with Kind 'OnlineWidget' and Online Booking 'Yes'
  2. Add all your products on it.

IMPORTANT: Remember that it is only possible to have one single page with the kind ‘OnlineWidget’.


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 website will automatically show the highlighted products in the dropdown widget list.


You can also make use of a mini widget, which already has a specific product pre-selected in the dropdown. The code for the widget is a little bit different, since you need 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 technical issues or question, do not hesitate to contact us.