Pane Skedo broneerimine oma kodulehele

1. Leia oma link

Logi sisse app.skedo.ee-sse ja ava Integratsioon: seal on sinu Broneerimislink, näiteks book.skedo.ee/minu-ettevote. Link lõpus olev osa (minu-ettevote) on sinu aadress — see läheb koodis asemele SINU-LINK.

2. Kopeeri kood

Asenda SINU-LINK oma aadressiga. Aadressi lõpus olev utm_medium ütleb statistikas, kust broneering tuli; allpool on iga ehitaja jaoks oma nimega variant.

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

Kõrgus on kindel 800 px (pluginaga sama). Kui kalender on pikem, kerib broneerimine iframe’i sees; kõrgust saab muuta height väärtusega.

3. Vali oma ehitaja

Voog · Zone kodulehe-ehitaja · Wix · Squarespace · Webflow · Webnode · Mozello

Ausalt: allolevaid samme ei ole me ühegi ehitaja sees järele proovinud, sest meil pole nende testkontosid. Sammud tulevad ehitajate enda abikeskustest (link iga sammu all) ja iga ehitaja juures on märgitud „kontrollimata". Koodi enda oleme proovinud päris lehel — vt allpool.

Voog

1. Ava leht redigeerimiseks, vajuta plussmärki ja lisa Embed sisuala.
2. Klõpsa väljal „Insert dynamic content from any modern web app“ ja kleebi kood avanevasse aknasse.
3. Vajuta Insert, seejärel avalda leht. Kui kood ei kuvata, värskenda brauserit.
4. Alternatiiv (Voogi juhendi järgi): tekstialal vajuta tekstitööriistariba eelviimast nuppu (HTML) ja kleebi kood sinna.

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

Piirang: Voogi juhend plaanipiirangut ei nimeta; me ei tea, kas see kehtib igal paketil.

Meie kontroll: kontrollimata — meil ei ole Voog testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Allikas: Voog abikeskus.

Zone kodulehe-ehitaja

1. Zone’i enda juhendit selle kohta me ei leidnud, seepärast ei kirjuta me siia sammu, mida keegi ei näinud.
2. Otsi oma ehitajast plokki nimega Embed, HTML või Custom code ja kleebi kood sinna. Kui seda ei leia, kirjuta meile (elis@skedo.ee) — lisame täpse juhendi.

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

Piirang: Sammud puuduvad teadlikult.

Meie kontroll: kontrollimata — meil ei ole Zone kodulehe-ehitaja testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Abikeskuse linki ei ole.

Wix

1. Ava Wixi redaktor ja vajuta vasakul Add Elements (Lisa elemente).
2. Vali Embed Code → Popular Embeds → Embed HTML.
3. Klõpsa lehel lisatud elemendil, vali Enter Code, kleebi kood väljale „Add your code here“ ja vajuta Apply.
4. Tõsta element lehel piisavalt kõrgeks (vähemalt 800 px) ja avalda leht.

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

Piirang: Wixi enda sõnul kuvatakse ainult HTTPS-koodi ja HTML-element on ise iframe — sisu ei kohandu mobiilis automaatselt, seepärast kontrolli lehte telefonis.

Meie kontroll: kontrollimata — meil ei ole Wix testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Allikas: Wix abikeskus.

Squarespace

1. Ava leht redigeerimiseks, vajuta sektsioonis Add block (+) ja vali Code.
2. Vajuta ploki pliiatsiikoonile, vali tüübiks HTML ja kleebi kood tekstiväljale.
3. Lülita „Display Source“ välja, et kood renderduks, ja salvesta.

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

Piirang: Squarespace’i juhendi järgi saab koodiplokis iframe’i kasutada ainult tasulistes pakettides (Core ja kõrgemad); odavaimas ei tööta.

Meie kontroll: kontrollimata — meil ei ole Squarespace testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Allikas: Squarespace abikeskus.

Webflow

1. Webflow abikeskuse lehte ei õnnestunud meil lugeda (403), seepärast ei kirjuta me sammu, mida allikas ei kinnita.
2. Designer’is on Embed element, kuhu HTML-koodi saab kleepida — kontrolli seda oma projektis.

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

Piirang: Kolmanda poole väitel vajab Embed tasulist Site-plaani; me ei ole seda Webflow enda allikast kinnitanud.

Meie kontroll: kontrollimata — meil ei ole Webflow testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Abikeskuse linki ei ole.

Webnode

1. Vii hiir sektsioonile, kuni ilmub lisamise plussnupp.
2. Vajuta ringil „rohkem valikuid“ ja seejärel HTML.
3. Kleebi kood, salvesta ja avalda leht — HTML on nähtav ainult avaldatud lehel, mitte redaktoris.

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

Piirang: Webnode’i juhendi järgi on HTML-koodi lisamine tasuline funktsioon (premium-pakett; kehtib pärast 26.06.2023 loodud projektidele).

Meie kontroll: kontrollimata — meil ei ole Webnode testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Allikas: Webnode abikeskus.

Mozello

1. Mozello lubab oma HTML-, CSS- ja JavaScript-koodi lisada lehe päisesse (HEAD) või kehasse (BODY).
2. Konkreetseid redaktori samme Mozello leht ei anna — leia oma lehe seadetest koodi lisamise koht ja kleebi kood BODY-sse.

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

Piirang: Mozello leht ei nimeta plaanipiirangut ega täpseid samme; me ei tea, kust menüüst koodi lisamine leiab.

Meie kontroll: kontrollimata — meil ei ole Mozello testkontot, seepärast ei ole me selles ehitajas koodi toimimist näinud. Allikas: Mozello abikeskus.

Mida me oleme päriselt kontrollinud (08.10.2026)

• Kood töötab: panime ülaltoodud koodi HTTPS-lehele ja avasime selle Chrome’is. Broneerimise esimene samm („Vali teenus“) kuvatakse, teenus on valitav ja „Jätka“ viib teise sammu („Vali aeg“) — nii arvutiekraanil kui 390 px laiuses telefoniekraanil.
• Küpsised: kood ise küpsiseid ei sea (brauseris polnud lehe avamise järel ühtki küpsist). Iframe’is avanev broneerimisleht näitab oma küpsisetegevuse valikuriba, mis võtab iframe’is ruumi.
• Blokeerimine: book.skedo.ee ei keela iframe’i (X-Frame-Options puudub); päises on frame-ancestors https: ainult aruandlusrežiimis, seega ei blokeeri. Ära pane koodi http:// lehele — tulevikus võib see nõuda HTTPS-i.

Mida iframe ei tee

Veebimakse iframe’is ei tööta. Kui broneering nõuab makset, saadab broneerimisleht kliendi Montonio maksele samas aknas ehk iframe’i sees. Mõõtsime: Montonio maksekeskkond (payments.montonio.com) keelab iframe’is avamise (X-Frame-Options: DENY, frame-ancestors none), seega brauser blokeerib selle. Meie ei ole päris makset iframe’is teinud (veebimakse ei ole veel avalikult sees), kuid päised ei jäta ruumi muule tulemusele. Kui võtad broneerimisel veebimakset, kasuta iframe’i asemel nuppu, mis avab broneerimislehe uues aknas:

<a href="https://book.skedo.ee/SINU-LINK?utm_source=embed&utm_medium=nupp" target="_blank" rel="noopener">Broneeri aeg</a>

Ilma makseta broneerimine (teenused, kus klient ei maksa veebis) töötab iframe’is.

Kõrgus ei kohandu automaatselt. Iframe’i kõrgus on kindel; broneerimisleht ei anna ümbritsevale lehele kõrgust praegu teada.

Jäi midagi segaseks?

Kirjuta elis@skedo.ee ja ütle, millist ehitajat kasutad — lisame juhendisse sinu ehitaja täpsed sammud.