The Embed code tab

Let visitors book without leaving your site.

4 min read Updated October 2026 Scheduling

The short version

Open the event and select Embed Code. The page has one row of settings, a full size preview of exactly what visitors will get, and the code to paste into your site.

Language, width and height

Language is the visitor's own language, or one you choose from the list. Width is a number of pixels, or Full width to follow the page the code is put on. Height is from 400 to 1600 pixels. Leave the width empty for full width.

Dragging the preview

The preview shows the page at the size you set. Drag the right edge to change the width, the bottom edge to change the height, or the corner for both. The fields and the code follow as you drag. Dragging past the full width switches back to full width, and a double click on an edge resets it.

Narrow widths show the phone layout of the page, so you see what visitors on a phone will get.

Pasting the code

Select Copy and paste the code where the page should appear. It is an iframe, so visitors book without leaving your site. Most website builders have a block for your own HTML where it belongs.

Help

FAQ

Q

The page looks cramped on my site. What do I change?

Make the height larger, or leave the width on full width. The booking page switches to its phone layout below about 768 pixels.
Q

Can I change the colours of the embedded page?

The page uses the look you set for your booking page. Change it there and every embed follows.

Was this article helpful?

Let us know so we can keep improving our documentation.