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:
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>
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 firstname.lastname@example.org or email@example.com.