Hogyan ágyazd be a foglalási widgetet a weboldaladra?

Ha szolgáltatóként használsz online időpontfoglalót, valószínűleg ismered a helyzetet: megosztod a foglalási linket Facebookon, emailben, Instagramon — de a vendégeid egy része még mindig telefonál, mert nem találja meg a foglalási lehetőséget a weboldaladon. Esetleg ráírnak Messengeren, hogy „Mikor van szabad időpont?" — miközben a naptárad ott van, csak épp nem ott, ahol ők keresik.

A statisztikák ezt alátámasztják: azok a szolgáltatók, akik a saját weboldalaikon kínálják a foglalási lehetőséget, jellemzően 30-50%-kal több online foglalást kapnak, mint akik csak egy külső linket osztanak meg. Az ok egyszerű: minél kevesebb lépés a foglalásig, annál többen végigcsinálják.

A megoldás: ágyazd be a foglalási widgetet közvetlenül a saját weboldaladra. Így a látogatók ott foglalnak időpontot, ahol épp böngésznek — nem kell másik oldalra küldened őket, és nem veszíted el őket útközben.

Miért jobb a beágyazott widget, mint egy külső link?

Egy külső foglalási link tökéletesen működik, de van néhány hátránya:

• Elveszíted a látogatót. Minden kattintás, ami elviszi valakit a weboldaladról, egy esély a lemorzsolódásra. Egy ismeretlen domain tovább csökkenti a bizalmat.
• Nem illik a designhoz. A külső foglalási oldal saját stílussal rendelkezik, ami eltérhet a weboldalad arculatától — a vendég érzi, hogy „kilépett" valahová.
• Visszafordulási arány nő. Ha a látogató elhagyja az oldaladat, kisebb eséllyel tér vissza. Ez SEO szempontból sem ideális.

A beágyazott widget megoldja ezeket: a vendég a te weboldaladon marad végig, a foglalási felület belesimul a designba, és az egész folyamat egyetlen kattintással elindul.

Hogyan működik az AI Booking foglalási widget?

Az AI Booking foglalási widgete egy rövid kódrészlet, amit a weboldalad forráskódjába illesztesz. A widget automatikusan betölti a szolgáltatásaidat, a szabad időpontjaidat és a foglalási űrlapot — mindezt az oldaladon belül.

A vendég szemszögéből a folyamat így néz ki:

1. Megnyitja a weboldaladat és rákattint a Foglalás menüpontra.
2. Kiválasztja a szolgáltatást (például Női hajvágás + szárítás vagy Relaxációs masszázs 60 perc).
3. Kiválaszt egy szabad időpontot a naptárból.
4. Megadja a nevét, telefonszámát és email címét.
5. Azonnal kap egy visszaigazoló emailt — te pedig látod az új foglalást a naptáradban.

Mindezt anélkül, hogy elhagyná az oldaladat. Az automatikus emlékeztetők és a Google Naptár szinkron a háttérben működik — neked semmi extra dolgod vele.

Beágyazás WordPress oldalra — lépésről lépésre

A WordPress a legnépszerűbb honlapépítő Magyarországon, ezért az AI Booking kifejezetten egyszerűvé teszi a beágyazást ezen a platformon.

1. Másold ki a beágyazó kódot az AI Booking admin felületéről. A Beállítások menüben találod meg a widget kódrészletet.
2. Hozz létre egy új oldalt a WordPress-ben (pl. „Időpontfoglalás" vagy „Online foglalás").
3. Adj hozzá egy „Egyéni HTML" blokkot (Gutenberg szerkesztőben) vagy „HTML" widgetet (Elementor-ban), és illeszd be a kódot.
4. Mentsd el és nézd meg az előnézetet — a foglalási felület azonnal megjelenik.
5. Add hozzá a főmenühöz — a Megjelenés → Menük résznél húzd be az új oldalt, hogy a vendégek egyből megtalálják.

A widget reszponzív: automatikusan igazodik a képernyőmérethez, tehát mobilon is kiválóan használható. Ezt érdemes tesztelni, mert a vendégek többsége ma már telefonról foglal.

Beágyazás egyéb weboldalakra

Nem WordPress-t használsz? Az AI Booking widget bármilyen weboldalra beágyazható, ahol HTML-kódot tudsz szerkeszteni — legyen az Wix, Squarespace, Webflow, vagy teljesen egyedi fejlesztés.

Az elv mindenhol ugyanaz:

1. Másold ki az embed kódot az admin felületről.
2. Keresd meg a honlapszerkesztődben a „HTML beágyazás", „Kód blokk" vagy „Embed" opciót.
3. Illeszd be a kódot és mentsd el.

A kód egy <iframe> vagy <script> tag, ami betölti a teljes foglalási felületet. Nem kell hozzá programozói tudás — ha egyszer beilleszted, utána automatikusan frissül, amikor új szolgáltatást adsz hozzá vagy módosítod az időpontjaidat.

Foglalási link megosztása a közösségi médiában

A widget beágyazás mellett az AI Booking egy közvetlen foglalási linket is ad, amit bárhol megoszthatsz:

• Instagram bio — a „Foglalj időpontot!" szöveggel tedd be a profilod linkjébe. Ha Linktree-t használsz, adj hozzá egy külön gombot.
• Facebook oldal — használd a „Foglalás" gomb funkciót, és add meg a foglalási linked URL-ként.
• Email aláírás — adj hozzá egy „Foglalj online →" sort a leveleid aljára. Meglepően sokan kattintanak rá.
• Google Cégem (Google Business) — a „Foglalás" URL-hez add meg a linked. Így a Google keresőből közvetlenül foglalhatnak.

A kettő együtt működik a legjobban: a weboldaladon a widget, a közösségi médiában és emailben a link. Így minden csatornáról elérhető a foglalás, a vendég pedig ott foglal, ahol épp tartózkodik.

Mire figyelj a beágyazásnál? — 5 gyakorlati tipp

1. Legyen jól látható helyen. A főmenüben legyen „Foglalás" vagy „Időpontfoglalás" menüpont, ami egyből a widget-es oldalra visz. Ne rejtsd el az „Elérhetőségek" vagy „Rólam" aloldal aljára — a vendég nem fogja keresni.

2. Mobilon mindig teszteld. A látogatóid többsége telefonról nézi az oldaladat. Nyisd meg mobilon, próbáld végig a foglalást — kényelmesen használható? Mindenhol jól jelenik meg?

3. Egy oldal, egy cél. A foglalási oldalon ne legyen sok más tartalom: hosszú bemutatkozás, galéria, árlista. A vendég azért ment oda, hogy foglaljon — ne tereld el a figyelmét. Ha az áraid is ott vannak, az persze hasznos — de egy 2000 szavas szöveg a „Filozófiámról" már nem.

4. Szolgáltatás-nevek legyenek érthetőek. A vendég nem tudja, mit jelent a „Csomag A" vagy a „Premium szolgáltatás". Írd ki egyértelműen: Női hajvágás + szárítás (45 perc) — 5.500 Ft. Minél kevesebb kérdés merül fel, annál többen foglalnak.

5. Kapcsold be az emlékeztetőket. Ha már beágyaztad a widgetet és jönnek a foglalások, ne feledd bekapcsolni az automatikus emlékeztetőket. Ezzel a no-show arány akár 40-60%-kal csökkenthető.

Mi változik a beágyazás után? — Mérhető eredmények

A widget beágyazás nem csak kényelmi funkció — mérhető üzleti hatása van. Amit a legtöbb szolgáltató tapasztal a beágyazás utáni első hónapban:

• Kevesebb telefonhívás és üzenet. A vendégek maguk foglalnak, nem kell egyeztetni. Ez napi 30-60 perc megspórolt adminisztrációt jelent.
• Több foglalás munkaidőn kívül. A widget éjjel-nappal elérhető — sok vendég este 9-10 körül foglal, amikor a szalon már zárva van. Ha nincs online lehetőség, ezek a foglalások elvesznek.
• Kevesebb no-show. Az online foglalásnál a vendég megadja az email címét, így az automatikus emlékeztetők elérnek hozzá. A telefonos foglalásnál gyakran nincs email — nincs emlékeztető — nincs vendég.
• Pontosabb naptár. Minden foglalás automatikusan bekerül a Google Naptárba, nincs kézi beírás, nincs dupla foglalás.

Az AI Booking admin felületén a statisztikák fülön nyomon követheted a foglalások számát, a legnépszerűbb időpontokat és a visszatérő vendégek arányát — így látod, hogy a widget hol és hogyan hozza az eredményt.

Gyakori kérdések a widget beágyazásról

Ingyen is beágyazható a widget?
Igen. Az AI Booking ingyenes csomagja tartalmazza a foglalási oldalt és a beágyazható widgetet — havi 30 foglalásig díjmentesen használhatod.

Működik az online fizetés a widgeten belül is?
Igen. Ha bekapcsoltad a Stripe integrációt, a vendég a beágyazott widgeten belül is tud fizetni vagy előleget adni — nem kell külső oldalra navigálnia.

Mi történik, ha módosítom a szolgáltatásaimat?
A widget automatikusan frissül. Ha hozzáadsz egy új szolgáltatást vagy megváltoztatod az árat az AI Booking adminban, az azonnal megjelenik a weboldaladon is — nem kell a kóddal foglalkoznod.

Lassítja a weboldalamat?
A widget aszinkron módon töltődik be, tehát nem lassítja az oldal megnyitását. A foglalási felület csak akkor jelenik meg, amikor a látogató ahhoz a részhez ér.

Mi a különbség a foglalási link és a widget között?
A foglalási link egy külön URL-re viszi a vendéget (pl. app.aibooking.hu/foglalj/te-szalonod). A widget ezzel szemben a te saját weboldaladon jelenik meg — a vendég nem hagyja el az oldaladat. Mindkettőnek megvan a helye: a widget a weboldalra, a link a közösségi médiába és emailekbe.

Szükségem van programozóra a beágyazáshoz?
Nem. A beágyazás egy másolás-beillesztés művelet — ha tudsz WordPress-ben oldalt szerkeszteni, meg tudod csinálni. Ha mégis elakadnál, az AI Booking ügyfélszolgálata segít a beállításban.

Összefoglalás

A foglalási widget beágyazás a legegyszerűbb módja annak, hogy a weboldalad látogatóiból fizető vendégeket csinálj. Nem kell hozzá programozó, nem kell fizetni érte (az ingyenes csomag is tartalmazza), és 10 perc alatt beállíthatod.

A lényeg három pontban:

1. Widget a weboldalra — a vendég ott foglal, ahol épp böngészik.
2. Link a közösségi médiába — Instagram bio, Facebook gomb, email aláírás.
3. Emlékeztetők bekapcsolva — hogy a vendég el is jöjjön.

Ha még nem próbáltad, most érdemes elkezdeni: