Configure Online Booking Widget on your website

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=”https://forwarding.sms-timing.com/widget/yourkartingcenter?locale=nl“></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=”https://forwarding.sms-timing.com/widget/yourkartingcenter?locale=nl“></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 support@sms-timing.com or bmileisure@sms-timing.com.