Add Skedo booking to your website

1. Find your link

Log in app.skedo.eeand open Integration: there you'll find your Booking link, for example book.skedo.ee/my-business. The part at the end of the link (my-business) is your address — it replaces YOUR-LINK.

2. Copy the code

Replace YOUR-LINK with your address. The utm_medium at the end of the address tells your statistics where the booking came from; below there is a variant named for each builder.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=koduleht" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

The height is fixed at 800 px (the same as the plugin). If the calendar is longer, the booking scrolls inside the iframe; you can change the height with the height value.

3. Choose your builder

Voog · Zone website builder · Wix · Squarespace · Webflow · Webnode · Mozello

Voog

1. Open the page for editing, press the plus sign and add an Embed content area.
2. Click the field “Insert dynamic content from any modern web app” and paste the code into the window that opens.
3. Press Insert, then publish the page. If the code isn't displayed, refresh the browser.
4. Alternative (according to Voog's guide): in a text area, press the second-to-last button on the text toolbar (HTML) and paste the code there.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=voog" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: If there is no Embed block, ask Voog support whether it is available in your plan.

More information: Voog help centre.

Zone website builder

1. Look in your builder for a block called Embed, HTML or Custom code and paste the code there.
2. If you can't find it, write to us (elis@skedo.ee) — we'll help.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=zone" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: Whether adding code is available in every plan — ask Zone support if needed.

Wix

1. Open the Wix editor and press, on the left, Add Elements .
2. Choose Embed Code → Popular Embeds → Embed HTML.
3. Click the element added to the page, choose Enter Code, paste the code into the field “Add your code here” and press Apply.
4. Make the element tall enough on the page (at least 800 px) and publish the page.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=wix" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: According to Wix itself, only HTTPS code is displayed and the HTML element is itself an iframe — the content doesn't adapt automatically on mobile, so check the page on your phone.

More information: Wix help centre.

Squarespace

1. Open the page for editing and, in a section, press Add block (+) and choose Code.
2. Press the pencil icon on the block, choose the type HTML and paste the code into the text field.
3. Turn “Display Source” off so the code renders, and save.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=squarespace" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: According to Squarespace's guide, an iframe in a code block only works on paid plans (Core and above); it doesn't work on the cheapest one.

More information: Squarespace help centre.

Webflow

1. Open the Designer and add an Embed element to the page.
2. Paste the code into the element window, save and publish the page.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=webflow" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: The Embed element may require a paid Webflow Site plan.

Webnode

1. Move the mouse over a section until the plus button for adding appears.
2. Press “more options” in the circle and then HTML.
3. Paste the code, save and publish the page — HTML is only visible on the published page, not in the editor.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=webnode" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: According to Webnode's guide, adding HTML code is a paid feature (premium plan; applies to projects created after 26.06.2023).

More information: Webnode help centre.

Mozello

1. Mozello lets you add your own HTML, CSS and JavaScript code to the page header (HEAD) or body (BODY).
2. The Mozello page doesn't give specific editor steps — find the place for adding code in your page settings and paste the code into BODY.

<iframe src="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=mozello" title="Book an appointment" width="100%" height="800" style="border:0" loading="lazy"></iframe>

Limitation: If you can't find where to add code, ask Mozello support.

More information: Mozello help centre.

What the iframe doesn't do

Online payment doesn't work in an iframe. If a booking requires payment, the Montonio payment page opens in the same window, i.e. inside the iframe, but the Montonio payment environment doesn't allow itself to be opened in an iframe (X-Frame-Options: DENY), so the browser blocks it. If you take online payment when booking, use a button that opens the booking page in a new window:

<a href="https://book.skedo.ee/YOUR-LINK?utm_source=embed&utm_medium=nupp" target="_blank" rel="noopener">Book an appointment</a>

Booking without payment (services where the client doesn't pay online) works in an iframe.

Use an HTTPS page. Put the code on a page whose address starts with https://.

The height doesn't adjust automatically. The iframe's height is fixed; the booking page doesn't currently report its height to the surrounding page.

Something unclear?

Write to elis@skedo.ee and tell us which builder you use — we'll add your builder's exact steps to the guide.