Help  ›  Putting it on your website

Add the booking form to Shopify

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

On a page (simplest)

  1. In Shopify admin go to Online Store → Pages and open the page, or Add page and call it Book a table.
  2. In the content editor press the <> icon (Show HTML), top right of the toolbar.
  3. Paste your embed code at the point you want the form.
  4. Press Save. If the page is new, add it to your menu under Online Store → Navigation.

As a section in your theme

Use this if you want the form on your home page or on every page.

  1. Go to Online Store → Themes and press Customize on your live theme.
  2. Go to the page and press Add section.
  3. Choose Custom Liquid (in most themes; some call it Custom content or HTML).
  4. Paste the embed code into the box.
  5. Drag the section to where you want it and press Save.

If you would rather use a button

Add a button in the theme editor or a link in your menu with your booking link as the address.

Things people ask

  • My theme has no Custom Liquid section. It is an old theme. Use the page route.
  • It works on the page but not in a pop-up or drawer. Shopify pop-ups reload content in ways the form cannot always follow. Put it on a page.

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