Online foglalás a saját weboldalán: beágyazó kód és WordPress-bővítmény

A beágyazott foglaló ugyanaz a foglalási folyamat, mint a foglalási oldala: a vendég kiválasztja a szolgáltatást és az időpontot, megadja az adatait, és ha a szolgáltatásnál online fizetést kér, bankkártyával fizet. A foglalás azonnal megjelenik a naptárában (és a Google Naptárban, ha összekötötte), a visszaigazolás és az emlékeztetők is ugyanúgy kimennek.

A Riportok oldalon a foglalások forrásai között a weboldaláról érkezők „Saját weboldalad” néven szerepelnek, és azt is látja, mely weboldalakról érkeztek a látogatók.

A Foglalási oldal menüben görgessen a „Beágyazás a saját weboldaladba” részhez. A „Megjelenés” alatt két lehetőség közül választhat.

„Beépített naptár”: a foglaló az oldal tartalmának részeként jelenik meg. Az oldal szélességéhez igazodik, és a tartalommal együtt nő, így nincs benne külön görgetősáv. Akkor jó választás, ha egy külön „Időpontfoglalás” aloldalt szán neki.

„Felugró ablak”: a kód egy gombot tesz az oldalra (alapból „Időpontfoglalás” felirattal), és a foglalás kattintásra egy ablakban nyílik meg az oldal fölött. Az ablak a jobb felső × jellel, az Esc billentyűvel vagy az ablak mellé kattintva zárható be. Egy oldalon több gomb is lehet, mindegyik más munkatárshoz vagy szolgáltatáshoz, például a csapat bemutatkozó oldalán minden kolléga mellett egy.

Ha több munkatársa vagy több szolgáltatása van, a „Mit mutasson?” résznél szűkítheti a beágyazott foglalót. A „Munkatárs” listában (alapból „Mindenki”) egy kollégát választva csak az ő szolgáltatásai jelennek meg, és a foglalás hozzá kerül. A „Munkatárs” lista csak akkor látszik, ha egynél több munkatársa van. A „Szolgáltatások” alatt bejelölheti, mely szolgáltatások látszódjanak; ha egyet sem jelöl, mind megjelenik.

A választás azonnal bekerül a lenti beágyazó kódba és a WordPress-rövidkódba. Mellé egy „Közvetlen foglalási link ehhez” címet is kap, amelyet szöveges linkként, emailben vagy a közösségi oldalain is használhat.

WordPress-oldalon a legegyszerűbb az idopontok.hu bővítménye: egy rövidkóddal teheti ki a foglalót bármelyik oldalra vagy bejegyzésbe.

1. A Foglalási oldal menüben, a beágyazásnál válassza ki a megjelenést és szükség esetén a „Mit mutasson?” beállítást, majd a „WordPress” résznél kattintson a „Bővítmény letöltése” gombra. Egy idopontok-foglalas.zip fájlt kap.

2. A WordPress adminfelületén nyissa meg a Bővítmények → Új hozzáadása → Bővítmény feltöltése menüt (a menüpont neve a WordPress verziójától függően kicsit eltérhet), válassza ki a letöltött zip-fájlt, telepítse, majd kapcsolja be a bővítményt.

3. Nem kötelező, de kényelmes: a WordPressben a Beállítások → idopontok.hu oldalon a „Vállalkozás azonosítója” mezőbe írja be a foglalási linkje végét (idopontok.hu/b/vallalkozasod-neve esetén: vallalkozasod-neve), vagy illessze be a teljes linket, és mentse. Így a rövidkódban nem kell megadnia.

4. A vezérlőpulton kattintson a „Rövidkód másolása” gombra. A WordPress oldalszerkesztőjében adjon az oldalhoz egy „Rövidkód” blokkot, illessze bele a kódot, és tegye közzé az oldalt.

A munkatárs- és a szolgáltatás-azonosítókat nem kell kikeresnie: a „Mit mutasson?” beállítás után a „Rövidkód másolása” gomb a kész rövidkódot adja, benne az azonosítókkal. A bővítmény csak betölti a foglalót az idopontok.hu-ról, ezért ha a foglalási folyamat változik vagy új funkciót kap, a bővítményt nem kell frissíteni. Ha a látogató böngészőjében ki van kapcsolva a JavaScript, a foglaló helyén egy „Időpontfoglalás” link jelenik meg.

Ha nem WordPresst használ, a „Beágyazó kód” mezőben lévő kódot illessze be. Kattintson a „Kód másolása” gombra, majd a weboldal-szerkesztőjében adjon az oldalhoz egy egyéni HTML/kód blokkot, és illessze bele. Az „Előnézet” gombbal előre megnézheti, hogyan fog kinézni a foglaló.

A kód két sorból áll: egy helyőrző elemből, amelyben a vállalkozása azonosítója és a választott beállítások szerepelnek, és egy script sorból, amely betölti a foglalót. Ha egy oldalon több foglalót vagy gombot is elhelyez, a helyőrző sort mindegyikhez beillesztheti, a script sort elég egyszer. A kód aszinkron töltődik, így nem lassítja az oldal megjelenését.

Ha az oldalkészítője vagy annak csomagja nem enged kódot beilleszteni, tegyen ki egy gombot vagy linket a foglalási linkjére (ezt ugyanezen az oldalon, feljebb találja), szűkítés esetén pedig a „Közvetlen foglalási link ehhez” címre.

Egy kozmetikai szalon WordPress-oldalán van egy „Árak és foglalás” aloldal és egy „Csapatunk” aloldal, ahol Réka és Dóra mutatkozik be. A tulajdonos telepíti a bővítményt, és a Beállítások → idopontok.hu oldalon megadja a szalon azonosítóját. Az „Árak és foglalás” oldalra beépített naptár kerül szűkítés nélkül, egyetlen [idopontok] rövidkóddal.

A „Csapatunk” oldalon mindkét bemutatkozás mellé felugró gomb kerül. A tulajdonos a vezérlőpulton a „Felugró ablak” megjelenést választja, a „Mit mutasson?” résznél kiválasztja Rékát, kimásolja a rövidkódot, majd ugyanezt megismétli Dórával. Réka bemutatkozása alatt így „Időpontfoglalás – Réka” gomb áll, és a rajta keresztül érkező foglalás egyenesen Réka naptárába kerül. A Riportok oldalon később látszik, hány foglalás érkezett a saját weboldalról.