Help  ›  Putting it on your website

Add the booking form to any other site

The embed code is ordinary HTML. Any site builder with an embed, custom code or HTML block can hold it. Here is where that block lives in the ones we are asked about. Get your code from Your website first.

Square Online (formerly Weebly)

Edit site → Add section → Custom → Embed code, paste, Publish. On the older Weebly editor it is the Embed Code element under Build.

Google Sites

Insert → Embed → Embed code, paste, Next, Insert. Drag the box to full width and make it tall enough — Google Sites will not resize it for you.

Webflow

Add (+) → Components → Embed, paste, Save & Close. Publish. Embeds need a paid site plan.

Carrd

Add element → Embed, set type to Code, paste in Code, Done. Embeds need a Pro plan.

Jimdo

Add element → More → HTML, paste, save.

Hostinger, Zyro, Strikingly, IONOS, one.com, and the rest

Look for an element called Embed, HTML, Custom code or Code snippet. Paste the whole code into it. If the builder gives you a height setting, set it to about 900.

A site someone built by hand

Paste the code into the page's HTML wherever the form should appear. It needs nothing else — no stylesheet, no library. Ask your developer to keep the <script> part; it is what lets the form set its own height.

When nothing works

Every site builder can add a button. Give it the text Book a table and your booking link (from Your website in your dashboard), and set it to open in a new window. The diner gets exactly the same form on its own page. Plenty of venues run this way on purpose.

What the code will never do

It does not track visitors, set cookies on your site, slow your page down or change anything outside its own box. If your site has a cookie banner, the form does not need to be listed in it.

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