Title: Zenchef widget integration
Author: Zenchef
Published: <strong>2024 年 7 月 26 日</strong>
Last modified: 2026 年 6 月 5 日

---

搜索插件

![](https://ps.w.org/zenchef-widget-integration/assets/banner-772x250.png?rev=3126438)

![](https://ps.w.org/zenchef-widget-integration/assets/icon-256x256.png?rev=3126438)

# Zenchef widget integration

 作者：[Zenchef](https://profiles.wordpress.org/zenchef/)

[下载](https://downloads.wordpress.org/plugin/zenchef-widget-integration.1.2.0.zip)

 * [详情](https://cn.wordpress.org/plugins/zenchef-widget-integration/#description)
 * [评价](https://cn.wordpress.org/plugins/zenchef-widget-integration/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/zenchef-widget-integration/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/zenchef-widget-integration/#developers)

 [支持](https://wordpress.org/support/plugin/zenchef-widget-integration/)

## 描述

This plugin allows you to integrate your restaurant’s Zenchef reservation widget
directly on all pages of your website, allowing your customers to take reservations
directly without having to switch page.
 You can also customize the integration 
according to your needs.

### Usage

#### Default (global) widget

Once your restaurant’s ID is set, the widget is added automatically to every page
of your website, with a floating booking button positioned according to the settings.

#### Shortcode

You can also place the widget inline on a specific page or post using the `[zenchef_widget]`
shortcode. With no attributes, it uses the same settings as the global widget:

    ```
    [zenchef_widget]
    ```

You can override any of the settings per-page (useful for sites managing several
restaurants):

    ```
    [zenchef_widget restaurant_id="367219" open_delay="0" position="center"]
    ```

All of the settings from the admin page can be overridden as shortcode attributes:

    ```
    [zenchef_widget restaurant_id="367219" language="fr" primary_color="#cc0000" hide_button="1" auto_open="0" disable_gtm="1" disable_ga4="1"]
    ```

When the shortcode is used on a page, the floating global widget is not also injected,
so there is never a duplicate.

**Tip for the Gutenberg editor**: Insert the shortcode using a _Shortcode_ block(
Add Block / Shortcode), not a Paragraph block — Paragraph blocks can auto-format
quotes and break the attributes. The widget only renders on the front-end of your
site; Gutenberg does not preview shortcodes inside the editor.

### Support

For plugin support, please visit the [support center](https://help.zenchef.com/hc/en-gb).

### Privacy policy

Our reservation widget plugin relies on the Zenchef service to enable restaurants
to manage table reservations directly from their website. It requires a subscription
to Zenchef.

#### Purpose

The Zenchef service is integrated into our plugin to provide a reservation widget
on the restaurant’s website, allowing customers to reserve tables online seamlessly.

#### Data Transmission

User data is transmitted to Zenchef when a customer makes a reservation or updates
their reservation details through the widget.

#### Read more

 * [Zenchef](https://www.zenchef.com/).
 * [Terms of Use](https://www.zenchef.com/terms-conditions)
 * [Privacy policy](https://www.zenchef.com/privacy-policy)

## 屏幕截图

 * [[
 * The Zenchef widget displayed on your website.
 * [[
 * The Zenchef widget settings page.

## 安装

 1. Upload the plugin to your WordPress plugins directory, or install the plugin through
    your website dashboard, under _Plugins / Add new_ page.
 2. Activate the plugin through your website dashboard, under _Plugins_.
 3. Set your restaurant’s ID on the new settings page that have been added to your 
    dashboard, under _Settings / Zenchef widget_.

## 常见问题

### Where can I find my restaurant’s ID?

Your restaurant’s ID is the number displayed on the top of your [Zenchef dashboard](https://app.zenchef.com/).

### How can I open the booking widget from a custom button (Elementor, Gutenberg, Divi…)?

As long as the plugin is active and a restaurant ID is set, you can trigger the 
booking widget from any clickable element on your page. The Zenchef SDK natively
supports three ways to do this:

 1. **Add a data attribute to any button or link:**
 2. Book a table
 3. This works with HTML widgets in Elementor, custom HTML blocks in Gutenberg, or 
    anywhere you can edit raw HTML.
 4. **Use a hash-based link** (useful when the page builder only lets you set an URL):
 5. [Book a table](https://cn.wordpress.org/plugins/zenchef-widget-integration/?output_format=md#zc-action-open)
 6. **Call the JavaScript API** from your own scripts:
 7. ZenchefWidget.open() — opens the widget
     ZenchefWidget.close() — closes it ZenchefWidget.
    toggle() — toggles it

## 评价

此插件暂无评价。

## 贡献者及开发者

「Zenchef widget integration」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Zenchef ](https://profiles.wordpress.org/zenchef/)

「Zenchef widget integration」插件已被翻译至 4 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/zenchef-widget-integration/contributors)
为本插件所做的贡献。

[帮助将「Zenchef widget integration」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/zenchef-widget-integration)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/zenchef-widget-integration/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/zenchef-widget-integration/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/zenchef-widget-integration/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/zenchef-widget-integration/)。

## 更新日志

#### 1.2.0

 * Tested with WordPress 7.0.
 * Settings page expanded with language, custom brand colour (with “use the colour
   set in Zenchef OS” mode and a colour picker), hide-floating-button, explicit 
   auto-open toggle, and disable-GTM / disable-GA4 options. Reorganised into four
   sections (Restaurant, Appearance, Behaviour, Analytics).
 * All new settings can be overridden per-page through the `[zenchef_widget]` shortcode.
 * In-admin shortcode reference card with the full attribute list added below the
   settings form.
 * Existing installs are unaffected — defaults preserve the previous behaviour.

#### 1.1.0

 * Restaurant ID is now trimmed and validated on save, so a stray space copy-pasted
   from the Zenchef dashboard no longer silently breaks the widget. Invalid values
   are rejected with a clear error notice instead of being saved.
 * New `[zenchef_widget]` shortcode for inline embedding and per-page configuration
   overrides (useful for multi-restaurant sites).
 * Documented how to trigger the booking widget from a custom button in Elementor,
   Gutenberg, or any other page builder.

#### 1.0

 * Initial release of the plugin.
 * Basic widget integration and admin settings.

## 额外信息

 *  版本 **1.2.0**
 *  最后更新：**3 天前**
 *  活跃安装数量 **1,000+**
 *  WordPress 版本 ** 4.6 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [Catalan](https://ca.wordpress.org/plugins/zenchef-widget-integration/) 、 [Dutch](https://nl.wordpress.org/plugins/zenchef-widget-integration/)、
   [English (US)](https://wordpress.org/plugins/zenchef-widget-integration/) 、 
   [French (France)](https://fr.wordpress.org/plugins/zenchef-widget-integration/)
   和 [Ukrainian](https://uk.wordpress.org/plugins/zenchef-widget-integration/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/zenchef-widget-integration)
 * 标签
 * [food](https://cn.wordpress.org/plugins/tags/food/)[reservation](https://cn.wordpress.org/plugins/tags/reservation/)
   [restaurant](https://cn.wordpress.org/plugins/tags/restaurant/)
 *  [高级视图](https://cn.wordpress.org/plugins/zenchef-widget-integration/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/zenchef-widget-integration/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/zenchef-widget-integration/reviews/)

## 贡献者

 *   [ Zenchef ](https://profiles.wordpress.org/zenchef/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/zenchef-widget-integration/)