Widget, beágyazás és megosztás

A widget az, amit a vendég a saját weboldaladon lát: a teljes foglaló, egy szolgáltatás szabad időpontjai, a bérleteid, vagy egy kis kártya, ami a foglalóba visz. Minden widgetnek saját beállítása és saját beágyazó kódja van.

Hova nézz

Beállítások → Online foglalás csoport → Widgetek (/manager/settings/booking-widget). Az Online foglalás oldal régi Widget füle is ide visz.

Mit mutasson a widget?

Új widgetnél az első lépés ez a választás. A foglaló-típusok a teljes foglalási folyamatot adják, csak mással indulnak:

• Teljes foglaló: minden szolgáltatás, a szokásos lépésekkel.
• Kiválasztott kategóriák: csak ezek szolgáltatásai (az alkategóriákkal együtt).
• Kiválasztott szolgáltatások: egy rövid lista, amiből a vendég választ.
• Egy szolgáltatás időpontjai: a vendég egyből a naptárat látja, a szolgáltatás előre ki van választva. Megadhatsz munkatársat is. Alapból nem léphet vissza a teljes szolgáltatás-listára, így egy landing-oldalon semmi nem viszi el a hirdetett kezeléstől; a Visszaléphet a teljes szolgáltatás-listára kapcsolóval ezt engedélyezheted. Ha egy szolgáltatásnak több változata van, a listában mindegyiket külön kiválaszthatod. Ha előre kiválasztasz egy változatot, a foglaló azzal nyílik meg. Ha magát a szolgáltatást választod, a vendég döntheti el, melyik változatot szeretné.
• Bérletek: az összes online vásárolható bérlet, vagy csak a kiválasztottak, a teljes tartalommal, az ajándékokkal és az előnyökkel.
• Tagságok: az összes vagy a kiválasztottak.
• Csoportos órák: az órarend, helyfoglalással.
• Ajándékutalvány: utalvány-vásárlás online.

A kis kártyák rövid ajánlók a weboldalad egy pontjára, és a foglalóba visznek:

• Következő szabad időpont: egy szolgáltatás legközelebbi időpontja; a gombra kattintva a vendég ennél az időpontnál nyitja a foglalót.
• Bérletek: a bérletek tartalommal, ajándékkal, előnyökkel; mindegyik a saját vásárlására visz.
• Árlista: az összes vagy a kiválasztott kategóriák; minden sor a szolgáltatás foglalására visz.
• Akciók, Vélemények, Statisztika, Sürgősség (hány szabad hely van még a héten).

A kártya megjelenése a 3. Megjelenés részben állítható, és minden változás azonnal látszik az előnézetben:

• Elrendezés típusonként, kis képpel: például a szabad időpontoknál Több időpont, Sáv vagy Gomb; a bérleteknél Lista, Kártyák vagy Egy kiemelt; a véleményeknél Kártyák, lapozható Kiemelt idézet vagy Értékelés-jelvény.
• Szín: világos, sötét vagy átlátszó (a weboldalad hátterén ül). Kiemelő szín: alapból a foglalód színe, vagy egy másik minta, vagy egyéni szín. Sarkok, betűtípus (letisztult vagy a weboldaladé) és szélesség.
• Szövegek és tartalom: alapból csak maga a doboz látszik (például csak a szabad időpontok). A Cím és leírás kapcsolóval jön elő a cím, és átírhatod. A Részletek (időtartam, helyszín, ár) és a Fejléc (az üzlet neve, logója) külön kapcsoló. A gomb felirata is átírható.

A 2. Részletek részben a Helyszín szűkít: a kártya csak annak a helyszínnek a szabad időpontjait mutatja, és a gomb is oda foglal. A Kattintásra beállítás dönti el, mi történik, ha a vendég egy időpontra vagy a gombra kattint:

• A weboldaladon nyílik meg (alap): ha az oldalon van foglaló widget, odagörget, és ott nyitja meg a kiválasztott időponttal; ha nincs, felugró ablakban nyílik. A vendég nem hagyja el az oldalad.
• A foglalóoldalra visz: a vendég a Bookinda foglalóoldaladon folytatja.

A véleménykártya addig nem jelenik meg a weboldalon, amíg nincs értékelésed. Az alap widget nem lehet kis kártya, mert a foglalóoldalad megjelenését is ő adja.

Helyszínre és munkatársra minden foglaló-típusnál szűkíthetsz (nem kötelező). A Lépések címe és leírása kapcsolóval (alapból bekapcsolva) elrejtheted a foglaló lépéseinek címét, például a „Szolgáltatások kiválasztása” sort, ha a weboldaladon saját cím áll a foglaló fölött.

A Kategóriák és a Szolgáltatások választó ott látszik, ahol a vendég a szolgáltatás-listát kapja. Képes kártyák: a vendég először a kategóriát választja ki a képe alapján, utána csak annak a kezeléseit látja. Leírással és képekkel: a szolgáltatások a leírásukkal és a referenciaképeikkel jelennek meg. Alapból Mint a foglalóoldalon, vagyis a Foglalás lépései oldalon beállított nézet érvényes.

Több widget

Ha több weboldalad vagy több landing-oldalad van, mindegyikhez külön widgetet készíthetsz az Új widget gombbal: saját tartalommal, színekkel, szöveggel és kóddal. A beállításokat később is módosíthatod, a weboldaladon lévő kódhoz nem kell hozzányúlni, mert a widget induláskor lekéri a saját, mentett beállítását. A kis kártyák is így működnek.

Az Alap widget külön szerepet kap: az ő megjelenését használja a saját foglalóoldalad (sajatnev.bookinda.hu/book) is. Ezért nem törölhető és nem kapcsolható ki, és kis kártya sem lehet belőle; ha másikat szeretnél alapnak, előbb tedd azt alapértelmezetté.

Kikapcsolás: egy widgetet ki is kapcsolhatsz. Ilyenkor a weboldaladon nem jelenik meg semmi, de a kódja és a beállításai megmaradnak, és visszakapcsolva ugyanaz a kód újra működik.

A Bookinda Business alkalmazásban

Beállítások, Foglalóoldal, Widgetek (vagy a Megosztás és linkek képernyő alján). Kártyánként egy koppintással Kód másolása és Küldés e-mailben: ez utóbbi a telefon megosztó menüjét nyitja meg a kóddal és egy rövid útmutatóval, így a weboldalad készítőjének egyből elküldheted. A kódot a csapat minden tagja kimásolhatja; létrehozni, szerkeszteni, alappá tenni, kikapcsolni és törölni a tulajdonos és a vezető tud.

A szerkesztőben ugyanazok a beállítások vannak, mint a weben (típus, választások, színek, szövegek, kis kártyák elrendezése). Az előnézet a mentetlen beállításaidból, az üzleted valódi adataival rajzol: a kis kártyánál a valódi szabad időpontok, árak, bérletek, akciók, értékelések, a választott elrendezéssel, témával és szövegekkel; a beágyazott foglalónál a saját színeid, szövegeid és az online szolgáltatásaid. A Megnézem élesben gomb a foglalóoldaladat mutatja a telefon böngészőjében. A beágyazó kód mindig a Bookinda címével készül (bookinda.hu, illetve bookinda.co.uk), akárhonnan nyitod meg.

Előnézet

A jobb oldali előnézetben a valódi widget fut, a valódi szolgáltatásaiddal, időpontjaiddal és bérleteiddel, egy minta weboldalba ágyazva. Asztali és mobil nézet között válthatsz. A módosításaid azonnal látszanak, még mentés előtt is; a weboldaladon a mentett beállítás jelenik meg.

Példa, landing-oldal: az ingyenes konzultációt hirdeted. Új widget → Egy szolgáltatás időpontjai → szolgáltatás: Ingyenes konzultáció → Mentés, és a kódot beilleszted a landing-oldalra. A látogató egyből a szabad időpontokat látja, és két kattintással foglal.

Vizuális testreszabás

Elsődleges szín (primary)

A főgombok, kiemelt elemek színe. A salon-márkaszínével egyezzen.

Akcens szín (accent)

Másodlagos színek (hover állapotok, ikonok). Komplementer az elsődleges-höz.

Élő színpreview

A felületen rögtön látsz egy minta-gombot és linket a beállított színekkel. Ha jól néz ki, mented.

CAPTCHA bekapcsolás

Spam-foglalás-megelőzés. Ha látsz spam-foglalásokat (botoktól), kapcsold be. Egyébként hagyd ki, kicsit lassít a vendéget.

Beágyazás-kód

Egy JS-snippet, amit a saját weboldalad HTML-jébe illesztel. Két formátum:

• Gomb: egy lebegő "Időpont foglalás" gomb a weboldalad sarkában
• Beágyazott naptár: a foglalási oldal teljes egészében bekerül a saját oldaladba

Másold a kódot, illeszd be, mented a weboldalt. Pár másodperc.

Közvetlen link

A sajatnev.bookinda.hu URL. Ezt megosztod:

• Instagram bio
• Facebook oldal
• Google Maps üzleti profil
• Szórólapokon (QR-kódként)

QR-kód

A felület generál egy QR-kódot a foglalási link-hez. Letöltés, nyomtatás:

• Recepció-pulton
• Szórólapon
• Kirakatban
• Termékek mellett ("foglalj újra QR-kóddal")

A vendég lefotózza telefonjával, közvetlen a foglalási oldalra ér.

Példák, mikor használd

1. eset: Instagram-marketinget tolsz

Posztolásnál mindig hivatkozol a "link a bio-ban"-ra, ami a sajatnev.bookinda.hu. A vendégek egy kattintással foglalnak.

2. eset: saját weboldalad van

Beágyazás-kódot illesztesz a "Foglalás" oldalra. A vendég nem hagyja el a weboldaladat, de mégis a Bookinda-flow-t használja.

3. eset: QR-kód a kirakatban

Sétáló vendég látja az ablakon a QR-t, lefotózza, foglal. Még mielőtt belép.

4. eset: spam-elhárítás

Bot-foglalások jönnek. CAPTCHA bekapcsolva, a botok megáll, az emberek 2 másodpercet vesztenek.

5. eset: márka-illeszkedés

A salon márka-színe lila. Elsődleges szín lila, akcens rózsaszín. A foglalási oldal illeszkedik a logó-imagéhez.

Tippek

• Tartsd egyszerűen a színeket: 2-3 jól illeszkedő szín. Túl sok vagy túl harsány elidegeníti a vendéget.
• A direkt link a leguniverzálisabb: gyors megosztás, működik mobilon és asztalon.
• A widget akkor jó, ha saját weboldalad van: ha nincs, csak a link és a QR használható.
• A QR-kódot fizikai helyeken használd: kirakat, szórólap. Online a link jobb.
• CAPTCHA-t csak akkor kapcsold be, ha tényleg spam jön: különben fölösleges súrlódás.