Integratsioonijuhend · Shopify

Online-broneerimine Shopifys: Klendri vormi manustamine

Üks Custom Liquid sektsioon — broneerimisvorm otse sinu Shopify poes.

LühidaltAva Shopify halduses Online Store → Themes → Customize, lisa lehele „Custom Liquid“ sektsioon ja kleebi sinna Klendri manustamiskood. Salvesta — vorm ilmub poodi ja iga broneering jõuab Klendri kalendrisse. Võtab umbes 3 minutit. Kasuta just Custom Liquidi, mitte lehe tekstiredaktorit: tavaline redaktor eemaldab skripti, mida vidin vajab.

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 → „Manustamiskood“ ja kopeeri isiklik kood — sinu broneerimislink on juba sees.

Ava teemaredaktor

Shopify haldus → Online Store → Themes → Customize. Vali ülariba abil leht, kus kliendid broneerivad (näiteks leht „Broneeri“).

Lisa Custom Liquid sektsioon

Klõpsa „Add section“, vali „Custom Liquid“ ja kleebi kood Liquid-väljale. Custom Liquid hoiab skripti alles, lehe tekstiredaktor eemaldaks selle.

Salvesta ja testi

Vajuta Save ja ava leht poes. Tee testbroneering — see ilmub kohe Klendri kalendrisse.

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.