HelpWin

HelpWin / Guides

How-to, WordPress

How to add online booking to a WordPress website

To add online booking to a WordPress website, paste your booking tool's embed code into a Custom HTML block on the homepage (or a booking page linked from it), or simply add a "Book online" button that links to your booking page. Two catches decide whether the embed works: your user role must be allowed to post scripts, and on WordPress.com your plan must have hosting features turned on.

Data as of: websites tested 2026-08-04.

Book a visitACall usBFind usC

What the Book Check looks for

  1. AA visible booking pathup to 35 points
  2. BA tap-to-call link15 points
  3. CA Google Maps link10 points

Out of 100 points. The rest covers mobile setup, HTTPS, a page title and page size.

In HelpWin's Toledo study, 259 of 538 established WordPress sites that loaded (48%) showed no booking path on the homepage (full study). WordPress was the most common builder detected.

Before you start

  • Get the embed code from your booking provider. It is usually a script tag plus a placeholder div, or an iframe.
  • Check your role. WordPress documentation says that a user without the unfiltered_html capability (for example a Contributor) has the block's content sanitized on save, which strips tags such as script and iframe. If your widget disappears after saving, ask a site administrator to add it.
  • On WordPress.com: its support page says tags like iframe, script, style, form, embed and object require a paid plan with hosting features activated. A self-hosted WordPress site (WordPress.org software on your own hosting) does not have this plan rule.

Add the widget with a Custom HTML block

These steps follow the WordPress.org documentation for the block editor:

  1. Open the page in the editor (usually the homepage, or a Book page you will link from the homepage).
  2. Click the Block Inserter icon and choose Custom HTML, or type /html in a new paragraph and press Enter.
  3. Click Edit HTML to open the editing window, paste your provider's code, and check the preview beside the code.
  4. Press Update, then update or publish the page.
  5. Open the live page on your phone and make a test booking.

From WordPress 7.0, the documentation says the Custom HTML block has separate panels for HTML, CSS and JavaScript, and the CSS and JavaScript panels show only for users with the unfiltered_html capability. If your provider gave you one combined snippet, paste it into the HTML panel as given unless the provider says otherwise.

Or use a booking plugin

Many booking tools publish their own WordPress plugin that adds a block or a shortcode. That is a fine route; install only plugins from the provider you already use, keep them updated, and remove them if you switch tools. This guide does not recommend a specific plugin.

Or just link to your booking page

A button near the top of the homepage labeled "Book online" that links to your provider's booking page is the most robust option. It works on every theme and plan, survives theme changes, and is visible to the Book Check and to crawlers that do not run JavaScript.

Older themes and page builders

If your site uses a page builder plugin or an older theme without the block editor, look for that builder's own HTML or code element and check its documentation. The same role rule applies: scripts are stripped for users without unfiltered_html.

After you install

HelpWin's Book Button is one booking widget built for this kind of install, launching soon. Any tool that puts a visible booking path on your homepage closes the same gap.

HelpWin publishes this guide and sells online booking tools for local businesses, including the upcoming Book Button. We wrote it to be useful whether or not you ever use them. Published 2026-10-24, updated 2026-10-24, by HelpWin.