In this article, you will find instructions to install and configure the Zenchef booking widget on your website.
Summary
Installing the booking module on your Zenchef website (Zensite).
Installing the booking module on your own website.
Common cases and FAQs
What you need to know
The Zenchef booking widget offers a dynamic, modern and efficient interface, facilitating the conversion of your visitors into customers. Having the Zenchef booking widget published on your website allows your customers to book a table in your restaurant, in full autonomy.
The booking module integrates via an SDK script or a URL.
1. Installing the booking widget on your Zenchef website (Zensite).
You don’t need to do anything, the booking widget is automatically integrated into your Zenchef website.
You can temporarily hide your module if you wish by unchecking the "Enable widgets" box in the Integration tab of the settings.
2. Installing the booking widget on your own website.
(If your site is built on WIX, please follow this procedure)
To integrate the booking button on your website, follow these steps:
Retrieve the script for your booking widget from your Zenchef interface
Make sure to check the "Enable widget" button
Paste the tag into every page of your site, as low as possible within the
<body>element. Ensure you add only one Zenchef tag per page.If you want to open the booking widget via a customised button on your website, follow the steps below:
→ To trigger an action on the SDK when a user clicks an element, simply add a data-zc-action attribute to the element.
List of events:
open: Opens the booking module
close: Closes the booking module
Examples:
<button data-zc-action="open">Open widget</button>
<button data-zc-action="close">Close widget</button>
If your website is with WIX:
WIX offers a different way to implement this type of widget. To do so, please follow these steps:
Retrieve the script for your booking module from your Zenchef interface
Make sure to check the "Enable widget" button
Log in to your WIX account
Go to your site settings
Click on "Custom Code"
Click on "Add Code" in the Body - End section
Add your booking module script then click "Apply"
Then remove the old booking module.
That’s it! Your website now features the brand new Zenchef booking module.
3. Common cases & FAQs
Common cases
The booking module does not display correctly on my site
Check that the script is correctly integrated within the<body>element of each page and that there is no conflict with other scripts.
The customised button does not work
Ensure that thedata-zc-actionattribute is correctly added to the HTML element and that the Zenchef script is properly loaded on the page.
The booking module does not work.
Make sure you have checked the "Enable widget" button. Without this, the widget link and/or its script will not function yet.
FAQ
How do I get the script for my booking module?
Log in to your Zenchef interface and go to the Widget page in your settings. The required script is the one located in the "Integration on your website" section.
Can I integrate the booking module via a button?
Yes, for this use the "Booking" link available in the Widget tab of your settings.