Putting it on your website

Which one to use

Four options, all copy-paste, all under Settings → Branding & embed in the section headed Embed on your website.

• Inline embed — the booking form sits inside one of your own pages. Best when you have a Bookings page and want guests to stay on it. It resizes itself, so there is no scrollbar inside a box.
• Popup “Book a table” button — a button that opens the form over your page. Best when you want the same button in your header on every page.
• Direct link — a plain address. For Instagram bios, email signatures, Google Business.
• QR code — Download PNG and print it for tables or the front window.

Bookings are tagged by where they came from — embed, popup, qr, or directory for the OneReserve listing — so your reports can tell you which of these is actually earning its place.

Getting the code

1. Open Settings → Branding & embed and scroll to Embed on your website.

2. Press Copy beside the one you want. It changes to Copied! so you know it took.

3. Paste it into your website where the booking form should appear. Do not retype it — the snippet contains your venue's address and a stray character stops it working.

WordPress, Squarespace and Wix

The snippet is ordinary HTML, so the job on every platform is the same: find the block that allows raw code, and paste it there. A normal text block will show the code as words instead of running it.

• WordPress. Edit the page, add a Custom HTML block, paste, and preview before publishing. In the classic editor, use the Text tab rather than Visual.
• Squarespace. Add a Code block and paste. The editor often shows a placeholder rather than the widget while you are editing — check the published page, not the editor.
• Wix. Add Embed a widget (Embed Code) and paste into the HTML box. Give the element a generous height on the canvas; Wix will not always grow it for you.

On a hosted plan that does not allow custom code at all, use the Direct link on a button instead. It works everywhere and loses nothing except the guest staying on your page.

If nothing appears

Work down this list — it is roughly the order of likelihood.

• The venue is not live yet. By far the most common cause. If the space shows a page-not-found message, the code is fine and the venue simply has not been taken live. Finish the setup checklist and press Go live; the same snippet then works untouched.
• It went into a text block, not a code block. If you can see the code itself on the page, this is it.
• Your site strips scripts. Some page builders and security plugins remove <script> tags on save. Reopen the page and check the code is still there. If it has been eaten, use the Direct link.
• The snippet was edited. Paste a fresh copy rather than fixing it by hand.