WordPress, Wix and others

First, list your websites and copy your code from Settings, Share. Add booking to your website explains both. Then follow the steps for your website builder.

Where
SettingsShare
For
Clinic admins or your web person
Reading time
5 min read

WordPress#

  1. Edit the page where the form should go.
  2. Press + to add a block, search for Custom HTML and choose it.
  3. Paste your code into the block.
  4. Press Update or Publish, then view the page.

Using Elementor, Divi or another page builder

Add an HTML or Code widget where the form should go, and paste your code into it.

Using the classic editor

Switch to the Text tab, not Visual, paste your code, then update the page.

Good to know

On WordPress.com, scripts only run on plans that allow plugins. On other plans the block saves, but the form won't show. Sites you host yourself have no such limit.

If the form doesn't appear on your published site, add a Buttons block that links to your booking link instead. It works on every plan. See Booking link and QR code.

Wix#

  1. Open your site in the Wix editor and go to the page.
  2. Press Add Elements (+), then Embed Code, then Embed HTML.
  3. Press Enter Code, choose Code, paste your code, and press Update.
  4. Drag the box to the full width of the page, and make it tall, around 900 pixels, so the whole form fits.
  5. Press Publish.

Watch out

Wix shows embedded code inside a frame of its own, so the form can't resize itself as it does elsewhere. Check it once on your published site, on a phone as well as a computer. Choose In the page on the Share screen: the button style needs the whole window to open in.

If the form doesn't appear on your published site, add a Wix button that links to your booking link instead. It works on every plan. See Booking link and QR code.

Squarespace#

  1. Go to the page and press Edit.
  2. Press Add Block (or a + point), and choose Code.
  3. Paste your code. Leave the mode on HTML, and leave Display Source off.
  4. Press Save, then Exit.

Squarespace doesn't run scripts while you're editing, so the block looks empty there. Check the form on your live site.

Good to know

Some Squarespace plans don't run scripts in code blocks at all. If yours doesn't, use a button instead.

If the form doesn't appear on your published site, add a Button block that links to your booking link instead. It works on every plan. See Booking link and QR code.

Webflow#

  1. Open the page in the Webflow Designer.
  2. Open the Add panel (+) and drag a Code Embed element onto the page, where the form should go.
  3. Paste your code, then press Save & Close.
  4. Press Publish.

The Designer doesn't run scripts, so check the form on your published site. Code Embed needs a paid site plan.

If the form doesn't appear on your published site, add a Button element that links to your booking link instead. It works on every plan. See Booking link and QR code.

Shopify#

  1. In Shopify admin, open Online Store, then Themes, and press Customize.
  2. Choose the page the form should go on, from the menu at the top.
  3. Press Add section and choose Custom Liquid.
  4. Paste your code into the Liquid code box, then press Save.

Shopify's page text editor removes scripts, so use a Custom Liquid section rather than pasting into a page's text.

A hand coded site#

Put the first line of the code where the form or button should appear. The script line can go anywhere on the page, such as just before </body>. Include it once, however many forms or buttons the page has.

If your site sends a Content-Security-Policy header, allow Drawn in script-src and frame-src.

Still stuck?

Email us and a real person will help. Guides last updated 3 November 2026.

Email support