Integratsioonijuhend · Tilda

Online-broneerimine Tildas: Klendri vormi manustamine

Üks T123 HTML-plokk — broneerimisvorm otse sinu Tilda lehel.

LühidaltLisa Tilda redaktoris plokk T123 „HTML-kood”, kleebi Klendri manustamiskood (allpool), asenda YOUR-SALON oma broneerimislehe nimega ja avalda. Vorm kuvatakse otse Tilda lehel ja broneeringud jõuavad Klendri kalendrisse. Võtab umbes 3 minutit.

Kuidas see töötab

Sinu Klendri broneerimisleht — teenused, vabad ajad, kinnitused ja meeldetuletused — kuvatakse sinu oma veebilehel turvalises raamis. Kliendid broneerivad sinu lehelt lahkumata; iga broneering jõuab kohe Klendri kalendrisse ja vorm näitab alati värskeid vabu aegu.

Automaatne kõrgus — vorm kasvab koos sisuga, ilma kerimisribadeta

Kliendid näevad alati värskeid vabu aegu

Iga broneering jõuab kohe Klendri kalendrisse

Kinnitused, meeldetuletused ja aja muutmine töötavad nagu tavaliselt

Alusta broneerimislehest Klendris

Vidin ei ole eraldi vorm, mida täita — see ONGI sinu Klendri broneerimisleht, kuvatuna sinu veebilehel. Seega ehita kõigepealt see leht: lisa teenused kestuse ja hindadega, laadi üles fotod, kirjuta tervitustekst ja vali brändingu redaktoris aktsendi- ja taustavärv, font ning kaartide stiil. Muuta saab kõike: värve, fonte, kaanepilti ja logo, teenuste loendit ja kirjeldusi, tööaegu ja isegi teist keelt. Alles siis kopeeri manustamiskood.

Muudad midagi hiljem — sinu leht uueneb ise: kood jääb samaks ja veebilehte pole vaja enam puutuda.

Samm-sammuline seadistus

Kopeeri manustamiskood

Klendris ava Integratsioonid → „Lisa oma veebilehele” ja kopeeri isiklik kood — sinu broneerimislink on juba sees.

Lisa Tildas HTML-plokk

Tilda redaktoris klõpsa „+ Lisa plokk”, ava kategooria „Muu” ja vali T123 „HTML-kood”.

Kleebi kood

Ava ploki sisupaneel, kleebi kood ja salvesta.

Avalda

Avalda leht. Vorm laadib sinu teenused ja vabad ajad ning kohandab kõrgust ise.

Manustamiskood

<iframe src="https://klendr.me/book/YOUR-SALON?embed=1"
  style="width:100%;border:0;height:640px" title="Booking" id="klendr-frame"></iframe>
<script>(function(){var f=document.getElementById('klendr-frame');
function tell(){try{f.contentWindow.postMessage(
{type:'klendr:hostlang',lang:document.documentElement.lang||''},'*');}catch(e){}}
addEventListener('message',function(e){var d=e.data;if(!d)return;
if(d.type==='klendr:height'&&d.height){f.style.height=(d.height+8)+'px';}
if(d.type==='klendr:ready'){tell();}});
f.addEventListener('load',tell);})();</script>

Asenda YOUR-SALON oma broneerimislehe nimega. Isiklik valmis kood: Klendr → Integratsioonid → „Lisa oma veebilehele”.

Mis keeles vorm on?

Vaikimisi järgib vidin sinu veebilehte: kood annab talle lehe keele, seega eestikeelsel lehel on ka vorm eesti keeles. Kui leht keelt ei määra, kasutab vidin sinu salongi keelt Klendrist. Soovid ühte keelt jäädavalt? Klendr → Integratsioonid → „Manustamiskood“ — vali keel enne koodi kopeerimist, see lisatakse lingile kujul &lang=xx.