Online-varaus Tildassa: Klendr-lomakkeen upottaminen
Yksi T123 HTML-lohko — varauslomake suoraan Tilda-sivullasi.
Näin se toimii
Klendr-varaussivusi — palvelut, vapaat ajat, vahvistukset ja muistutukset — näkyy omalla sivustollasi turvallisessa kehyksessä. Asiakkaat varaavat poistumatta sivustoltasi; jokainen varaus siirtyy heti Klendr-kalenteriisi.
Aloita varaussivusta Klendrissä
Widget ei ole erillinen lomake, joka täytetään — se ON sinun Klendr-varaussivusi, näytettynä sivustollasi. Rakenna siis ensin se sivu: lisää palvelut kestoineen ja hintoineen, lataa kuvat, kirjoita tervetulotekstisi ja valitse brändäyseditorissa korostus- ja taustaväri, fontti ja korttityyli. Kaikkea voi muuttaa: värit, fontit, kansikuva ja logo, palvelulista ja kuvaukset, työajat ja jopa toinen kieli. Vasta sitten kopioi upotuskoodi.
Vaiheittainen käyttöönotto
Kopioi upotuskoodi
Avaa Klendrissä Integraatiot → ”Upota omalle sivustollesi” ja kopioi henkilökohtainen koodisi — varauslinkkisi on jo valmiina.
Lisää HTML-lohko Tildassa
Klikkaa Tilda-editorissa ”+ Lisää lohko”, avaa Muut-kategoria ja valitse T123 ”HTML-koodi”.
Liitä koodi
Avaa lohkon sisältöpaneeli, liitä koodi ja tallenna.
Julkaise
Julkaise sivu. Lomake lataa palvelusi ja vapaat ajat ja säätää korkeutensa automaattisesti.
Upotuskoodi
<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>Korvaa YOUR-SALON varaussivusi nimellä. Henkilökohtainen valmis koodi: Klendr → Integraatiot → ”Upota omalle sivustollesi”.
Millä kielellä lomake näkyy?
Oletuksena widget seuraa sivustoasi: koodi välittää sille sivun kielen, joten suomenkielisellä sivulla lomake on suomeksi. Jos sivusto ei ilmoita kieltä, widget käyttää salonkisi kieltä Klendristä. Haluatko kiinteän kielen? Klendr → Integraatiot → ”Upotuskoodi” — valitse kieli ennen koodin kopiointia, se lisätään linkkiin muodossa &lang=xx.
Miltä se näyttää
Sivustolla (tietokone)
Puhelimessa
Kuvakaappauksissa on esimerkkinä yksi väriteema. Sinun lomakkeesi ottaa omat värisi, fonttisi ja palvelusi — aseta ne Klendrissä, ja widget seuraa heti.
Usein kysytyt kysymykset
Toimiiko Tildan ilmaisversiossa?
T123-lohko vaatii maksullisen Tilda-paketin — rajoitus on Tildan, ei Klendrin.
Mukautuuko lomake sivun leveyteen?
Kyllä — kehys vie lohkon koko leveyden ja kasvaa korkeudessa automaattisesti.
Minne varaukset menevät?
Klendr-kalenteriisi, tavallisin vahvistuksin ja muistutuksin asiakkaalle.