WordPress-varauslisäosa: online-varaus omalla sivustollasi
Ilmainen lisäosa, viisi minuuttia, ei koodia — varauslomake suoraan WordPress-sivustollasi.
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
Lataa lisäosa
Avaa Klendrissä Integraatiot → ”Upota omalle sivustollesi” ja klikkaa ”Lataa lisäosa (.zip)”. Zip on valmis lisäosatiedosto — sitä ei tarvitse purkaa.
Asenna se WordPressiin
WordPressin hallinnassa: Lisäosat → Lisää uusi → Lataa lisäosa, valitse zip, klikkaa ”Asenna nyt” ja sitten ”Aktivoi”.
Liitä varauslinkkisi
Avaa Asetukset → Klendr Booking Form ja liitä varaussivusi linkki (löydät sen Klendristä kohdasta ”Jaa”). Tallenna — lisäosa tarkistaa linkin automaattisesti.
Lisää lohko sivulle
Lisää sivueditorissa ”Klendr Booking Form” -lohko — tai [klendr]-lyhytkoodi mihin tahansa. Haluatko kelluvan ”Varaa aika” -napin? Käytä [klendr mode="button"].
Julkaise ja testaa
Julkaise sivu ja tee testivaraus. Se näkyy heti Klendr-kalenterissasi ja asiakas saa tavallisen vahvistusviestin.
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
Onko lisäosa ilmainen?
Kyllä. Lisäosa on ilmainen; tarvitset vain Klendr-tilin varaussivua varten.
Eroavatko sivustoni varaukset muista?
Eivät — kyseessä on sama varaussivu: ajat, vahvistukset, muistutukset ja peruutukset toimivat samoin.
Voiko käyttää pelkkää koodia ilman lisäosaa?
Kyllä, sama upotuskoodi toimii missä tahansa WordPress-teemassa — lisäosa on vain mukavampi.