Search

How to Install the ZenchefOS SDK Widget?

 

In this article, you will find instructions on how to install and configure the new ZenchefOS booking module on your website.

Our commitment to making your restaurant experience memorable starts from the booking process. That’s why we are introducing a brand-new, more dynamic, modern, and efficient booking widget to help you convert more visitors into customers.

Table of Contents

  1. Install the booking module on your Zenchef website (Zensite).
  2. Install the booking module on your own website.
  3. Common Issues & FAQs
  4. Support & Related Articles


What You Need to Know

The ZenchefOS booking module offers a dynamic, modern, and efficient interface that helps convert your website visitors into customers.
The booking module can be integrated using an SDK script or a URL.

 

1. Install the Booking Module on Your Zenchef Website (Zensite)

You don’t need to take any action—the booking module is automatically integrated into your Zenchef website.
If needed, you can temporarily hide the module by unchecking the "Activate widgets" option in the Integration tab of your settings.

 

2. Install the Booking Module on Your Own Website

(If your website is built on WIX, please follow the specific procedure below.)

 

To integrate the booking button on your website, follow these steps:

  • Retrieve the script for your booking module from your Zenchef interface.

  • Paste the script tag into each page of your website, as low as possible within the <body> element. Make sure to add only one Zenchef script per page.

If you want to open the booking widget through a custom button on your website, follow these steps:

  • To trigger an action in the SDK when a user clicks on an element, add the 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 Built on WIX

WIX provides a different way to implement this type of widget. To do so, follow these steps:

  • Retrieve the script for your booking module from your Zenchef interface.

  • Log in to your WIX account.

  • Go to your website settings.




  • Click on "Custom Code"


  • Click "Add Code" in the Body - End section.
  • Paste the script for your booking module and click "Apply".

    1. Remove the old booking module.

    That's it! Your website now features the brand-new Zenchef booking module.

 

3. Common Issues & FAQs

Common Issues

  • The booking module does not display correctly on my website
    Ensure that the script is correctly integrated within the <body> element of each page and that there are no conflicts with other scripts.

  • The custom button is not working
    Make sure the data-zc-action attribute is correctly added to the HTML element and that the Zenchef script is properly loaded on the page.

 

FAQs

  • 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 located in the "Integration on your website" section.

  • Can I integrate the booking module using a button?
    Yes, you can use the "Booking Link" available in the Widget tab of your settings.

 

4. Support & Related Articles

Contact Our Support Team

For further assistance, feel free to contact Zenchef support via the chatbot available on your customer portal or visit our Help Center.