Foglalási widget hozzáadása a weboldalához

Lebegő „Foglalás” gomb vagy foglalási űrlap közvetlenül a saját weboldalán, az Ön színeiben – öt perc alatt beállítva, egyetlen kódsorral.

5 perc olvasás Marketing, követés és integrációk Frissítve: 13.09.2026

A foglalási widget a TapTime foglalási folyamatát a már meglévő weboldalára helyezi – a saját domainjére, WordPress-, Wix-, Tilda- vagy Shopify-oldalára, egy landing oldalra. A vendégek anélkül foglalnak, hogy elhagynák az oldalát, és a foglalás pontosan úgy jelenik meg a táblán, mint a TapTime-oldalán leadott foglalások.

Panel Foglalási widget

Válassza ki a megjelenést

  • Lebegő gomb – gomb minden oldal sarkában; koppintásra becsúszik a foglalási panel. Egy teljes weboldalhoz ez a legjobb.
  • Beágyazva az oldalba – a foglalási űrlap az oldalon belül jelenik meg, ott, ahová a kódot beillesztette. Egy külön „Foglalás” oldalhoz ez a legjobb.
  • Mit lehet foglalni – asztalfoglalást vagy időpontot, egy telephelyen, vagy úgy, hogy a vendég választ telephelyet.
  • Dizájn – a gomb felirata, színei, formája, mérete, ikonja és sarokpozíciója; a panel szélessége, magassága, lekerekítése és kiemelő színe; a nyelv, vagy a látogató saját nyelve.

A jobb oldali előnézet minden módosítást azonnal követ. Az előnézetben a valódi foglalási folyamat fut, így végig is kattinthat rajta.

Helyezze el a weboldalán

  1. 1
    Mentse a dizájnt

    A beágyazási kód mindig a mentett állapotot használja, ezért másolás előtt mentsen.

  2. 2
    Másolja ki a beágyazási kódot

    Egyetlen sor: egy script tag, benne a cége címével.

  3. 3
    Illessze be a weboldalába

    A lebegő gombhoz illessze be egyszer a </body> elé minden oldalon, vagy az oldalszerkesztője „egyéni kód / lábléc-szkriptek” beállításába. A beágyazott űrlaphoz illessze be oda, ahol az űrlapnak meg kell jelennie.

  4. 4
    Nyissa meg az oldalt, és foglaljon egy tesztasztalt

    A foglalás azonnal megjelenik a táblán. Ha végzett, mondja le a tábláról.

Saját gomb használata

Van már „Asztalfoglalás” gomb az oldalán? Adja meg neki a data-taptime-open attribútumot, és a lebegő gomb helyett ez nyitja meg a foglalási panelt. A fejlesztők a saját szkriptjeikből a TapTime.open() és a TapTime.close() függvényt is meghívhatják.

Engedélyezett weboldalak

Alapértelmezés szerint a widget bármely oldalon működik. Adja meg a domainjeit az Engedélyezett weboldalak mezőben (soronként egyet, aldomainekhez *.example.com formában), és a böngészők sehol máshol nem fogják keretben megjeleníteni a foglalási oldalát.

Foglalások és a weboldala analitikája

A widget átadja a foglalásnak a weboldala kampányát (UTM-címkék, hirdetési kattintásazonosítók), valamint a GA és a Meta sütijeit, így a widgetben leadott foglalás ahhoz a hirdetéshez kerül, amely a látogatót az oldalára hozta. Ha a „Foglalások jelentése a weboldalam címkéinek” be van kapcsolva, a widget az oldalt is értesíti: elküldi a taptime_booking_confirmed eseményt a Tag Manager dataLayer-be, és elindítja az oldal saját GA4- és Meta Pixel-címkéjét, ha azok telepítve vannak ott.

Gyakori kérdések

Lassítja a widget a weboldalamat?

Nem. A szkript kicsi, aszinkron módon, az oldal után töltődik be, maga a foglalási panel pedig csak akkor töltődik be, amikor a vendég megnyitja.

Használhatom több weboldalon is?

Igen. Illessze be ugyanazt a kódot mindegyikbe. Ha kitöltötte az Engedélyezett weboldalak mezőt, ott adja meg az összes domaint.

A gomb nem jelenik meg az oldalamon.

Ellenőrizze, hogy a kód rajta van-e az oldalon és mentve van-e az oldalszerkesztőben, hogy az oldal közzé van-e téve, és – ha kitöltötte – hogy a domain szerepel-e az Engedélyezett weboldalak között. Egyes oldalszerkesztők az egyéni kódot csak a közzétett oldalon futtatják, a szerkesztőben nem.

Hasznos volt ez a cikk?
Nem kapott választ?

Írjon nekünk, és nevezze meg az oldalt, amelyen járt. Minden üzenetet egy kollégánk olvas el, és azon a nyelven válaszol, amelyen írt.

Írjon nekünk