Klendr
PrisijungtiPradėti nemokamai
Integracijos vadovas · Shopify

Online rezervacijos Shopify: Klendr formos įterpimas

Viena Custom Liquid sekcija — rezervacijų forma tiesiai jūsų Shopify parduotuvėje.

TrumpaiShopify administravime atidarykite Online Store → Themes → Customize, pridėkite puslapiui „Custom Liquid“ sekciją ir įklijuokite į ją Klendr kodą. Išsaugokite — forma atsiras parduotuvėje, o kiekviena rezervacija pateks į Klendr kalendorių. Užtruks apie 3 minutes. Naudokite būtent Custom Liquid, o ne puslapio teksto redaktorių: jis pašalina skriptą, kurio reikia valdikliui.

Kaip tai veikia

Jūsų Klendr rezervacijų puslapis — paslaugos, laisvi laikai, patvirtinimai ir priminimai — rodomas jūsų svetainėje saugiame rėmelyje. Klientai rezervuoja neišeidami iš jūsų svetainės; kiekviena rezervacija iškart patenka į Klendr kalendorių.

Automatinis aukštis — forma auga kartu su turiniu, be slinkties juostų
Klientai visada mato aktualius laisvus laikus
Kiekviena rezervacija iškart patenka į Klendr kalendorių
Patvirtinimai, priminimai ir perkėlimai veikia kaip įprasta

Pradėkite nuo registracijos puslapio Klendr

Valdiklis nėra atskira forma, kurią reikia pildyti — tai IR YRA jūsų Klendr registracijos puslapis, rodomas jūsų svetainėje. Todėl pirmiausia sukurkite tą puslapį: pridėkite paslaugas su trukme ir kainomis, įkelkite nuotraukas, parašykite pasveikinimo tekstą, o prekės ženklo redaktoriuje pasirinkite akcento ir fono spalvas, šriftą ir kortelių stilių. Keisti galima viską: spalvas, šriftus, viršelį ir logotipą, paslaugų sąrašą ir aprašymus, darbo laiką ir net antrą kalbą. Tik tada kopijuokite įterpimo kodą.

Vėliau ką nors pakeisite — svetainė atsinaujins pati: kodas lieka tas pats, prie svetainės grįžti nebereikės.

Diegimas žingsnis po žingsnio

1

Nukopijuokite įterpimo kodą

Klendr atidarykite Integracijos → „Įterpimo kodas“ ir nukopijuokite asmeninį kodą — jūsų registracijų nuoroda jau jame.

2

Atidarykite temos redaktorių

Shopify administravimas → Online Store → Themes → Customize. Viršutinėje juostoje pasirinkite puslapį, kuriame klientai registruosis (pavyzdžiui, puslapį „Registracija“).

3

Pridėkite Custom Liquid sekciją

Spustelėkite „Add section“, pasirinkite „Custom Liquid“ ir įklijuokite kodą į Liquid lauką. Custom Liquid išsaugo skriptą, o puslapio teksto redaktorius jį pašalintų.

4

Išsaugokite ir išbandykite

Paspauskite Save ir atidarykite puslapį parduotuvėje. Atlikite bandomąją rezervaciją — ji iškart atsiras Klendr kalendoriuje.

Įterpimo kodas

<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>

Pakeiskite YOUR-SALON savo rezervacijų puslapio pavadinimu. Asmeninį paruoštą kodą rasite Klendr → Integracijos → „Įterpti į savo svetainę“.

Kokia kalba bus forma?

Pagal numatytuosius nustatymus valdiklis seka jūsų svetainę: kodas perduoda jam puslapio kalbą, todėl lietuviškame puslapyje forma bus lietuviška. Jei svetainė kalbos nenurodo, valdiklis naudos jūsų salono kalbą iš Klendr. Reikia vienos kalbos visam laikui? Klendr → Integracijos → „Įterpimo kodas“ — pasirinkite kalbą prieš kopijuodami kodą, ji bus pridėta prie nuorodos kaip &lang=xx.

Kaip tai atrodo

Online rezervacijos Shopify: Klendr formos įterpimas — desktop

Svetainėje (kompiuteryje)

Online rezervacijos Shopify: Klendr formos įterpimas — mobile

Telefone

Ekrano nuotraukose pavyzdžiui parodyta viena spalvų schema. Jūsų forma paims jūsų spalvas, šriftą ir paslaugas — nustatykite juos Klendr, ir valdiklis iškart tai perims.

Dažni klausimai

Kodėl ne į puslapio redaktorių?

Shopify teksto redaktorius pašalina script žymes, todėl forma negalėtų prisitaikyti pagal aukštį. Custom Liquid sekcija išsaugo kodą tokį, koks yra.

Ar veikia visuose Shopify planuose?

Taip. Custom Liquid prieinamas Online Store 2.0 temose visuose planuose; senesnėse temose kodą galima pridėti tiesiai į šablono failą.

Kur patenka rezervacijos?

Į jūsų Klendr kalendorių su įprastais patvirtinimais ir priminimais klientui.

Vadovai kitoms platformoms

Dar neturite Klendr paskyros?

14 dienų nemokamai, be kortelės.

Išbandyti Klendr →