Thezi

Help  ›  Putting it on your website

Add the booking form to WordPress

You will need: your embed code (see where the code is).

First, which WordPress are you on? If you signed in at your own address (yourrestaurant.co.uk/wp-admin) or a hosting company's control panel, you are self-hosted and everything below works. If you signed in at wordpress.com, read the note at the end first.

The block editor (most sites)

  1. Open Pages and edit the page you want the form on, or add a new one called Book a table.
  2. Press the + where you want the form and search for Custom HTML.
  3. Paste your embed code into the block.
  4. Press Preview in the block's toolbar to check it, then Update (or Publish).

The classic editor

  1. Edit the page and switch from the Visual tab to the Text tab (top right of the editor).
  2. Paste the embed code where you want the form.
  3. Do not switch back to Visual before saving — it can mangle the code. Press Update.

Elementor

  1. Edit the page with Elementor.
  2. Search the widgets for HTML and drag it into place.
  3. Paste the embed code into the HTML Code box and press Update.

Divi

  1. Open the Divi Builder on the page.
  2. Add a Code module and paste the embed code into it.
  3. Save.

If you would rather use a button

Add a Buttons block, type Book a table, press the link icon and paste your booking link. Tick Open in new tab.

The WordPress.com note

On WordPress.com's free, Personal and Premium plans, the Custom HTML block removes the <script> part of the code and may remove the form itself. You have two choices:

  • Use a button linking to your booking page (above). It works on every plan.
  • Move to the Business plan or above, which allows the code.

Sites on the Business plan and self-hosted sites are unaffected.

Things people ask

  • The code shows as text on the page. It was pasted into a Paragraph block or the Visual tab. Delete it and use a Custom HTML block.
  • A security plugin blocked it. Some plugins strip <script> from page content. Allow it for that page, or use the button.
  • I have a caching plugin and the form didn't appear. Clear the cache once after saving.

Still stuck? hello@thezi.app reaches a person, usually the same day.