Zenchef SDK Widgets

Embed code

Install the Zenchef widget effortlessly on every page of your website:

Change the variables as desired below and copy the code to embed it on your website.
Paste it into the code of each page of your website, right before the closing </body> tag. Only apply it once per page.

Not seeing the widget?
It is probably still disabled. But you can already install the widget while it is still offline.
You can preview the installed widget by adding an isPreview parameter to the URL of your website: https://myrestaurant.com/?isPreview=true
Enable preview mode

                    Zenchef Embed code

SDK configuration

You can customize the widget configuration as you wish

Language

Color

Widget position

Hide button

Automatically open widget

Open delay

SDK triggers

The widget can be opened and closed by adding a data-zc-action attribute on the element This is particularly useful when the widget doesn't automatically open and the button is hidden. For example:

                        <button data-zc-action="open">Open widget</button>
<button data-zc-action="close">Close widget</button>

You can also do this by triggering a hash change.

                        <a href="#zc-action-open">Open widget</a>
<a href="#zc-action-close">Close widget</a>

Try the buttons:

Pssst! Curious what it will look like on your website? Press ctrl + p on your keyboard and find out! 👀

Custom link

Want to create your own button or link that opens the widget? Use the following url.

                  https://bookings.zenchef.com/results?rid={restaurantId}

You can use the following additional query parameters:

Parameter	Example value	Description
Booking Search & Filters
pax	4	Number of guests for the reservation
day	2025-03-15	Reservation date in YYYY-MM-DD format
slot	19:30	Time slot for the reservation (HH:MM format)
room_id	123	Specific room/area ID to book
waiting_list	true	Enable waiting list mode (boolean as string)
Restaurant & Identification
rid	12345	Restaurant ID to load
UI Appearance & Theming
primaryColor	FF5733	Override primary color (hex without #)
hidelang	1	Hide language selector
User Pre-fill Data
firstname	John	Pre-fill first name in booking form
lastname	Doe	Pre-fill last name in booking form
email	john.doe@example.com	Pre-fill email address
phone	+33612345678	Pre-fill phone number
custom_field.*	custom_field.company=Acme	Pre-fill custom field values
Localization
lang	fr	Set interface language (en, fr, de, es, etc.)

WordPress Integration

Install the Zenchef WordPress plugin effortlessly on your website. Click on the WordPress plugin button in order to install the reservation widget on your website.