Widget létrehozása

Áttekintés

A TicketingHub foglalási widget egy webhelyekbe integrálható JavaScript-eszköz, amely lehetővé teszi, hogy az ügyfelek közvetlenül foglalják le a termékeket. A widgetet a vezérlőpulton hozhatja létre, szakaszonként konfigurálhatja, majd egy rövid kódrészletet kell beillesztenie a webhelyére.

Támogatott böngészők

Safari 16.4+, Chrome 111+, Firefox 128+.

A vezérlőpulton lépjen a Widgetek menüpontra
Kattintson az Új widget lehetőségre
Adjon nevet a widgetnek, válassza ki az értékesíteni kívánt termékeket, majd kattintson a Widget létrehozása lehetőségre

Ekkor a widget beállítási oldalára kerül, ahol minden egyéb beállítást elvégezhet. A bal oldalon találhatók a szakaszokba rendezett beállítások, a jobb oldalon pedig a widget élő előnézete látható, amely a módosításokkal együtt frissül.

Mit értékesít

Válassza ki a widgetben kínált termékeket, csomagokat és ajándékkártyákat, adjon hozzá extrákat (az összeset vagy csak a kiválasztottakat), és döntse el, hogy az ügyfelek vásárolhatnak-e ajándékutalványként termékeket, illetve beválthatnak-e ajándékutalványokat a widgetben.

Foglalási folyamat

Válassza ki, hogyan haladjanak végig az ügyfelek a widgeten: Először a jegyek (a jegyek kiválasztása, majd a dátum és az időpont megadása), Először az esemény (a naptár böngészése, majd a lefoglalni kívánt lehetőség kiválasztása) vagy Csak utalványbeváltás. Beállíthatja az alapértelmezett naptárnézetet is, valamint megkérheti az ügyfeleket, hogy az elgépelések elkerülése érdekében kétszer írják be az e-mail-címüket.

Értékesítési szabályok

Szabályozza, hogy mikor és mit értékesít a widget: az értékesítés kezdő dátumát és időpontját, a naptár megnyitásának dátumát, azt, hogy mikor jelenjen meg egy időpont fennmaradó kapacitása, valamint az ügyfelek által használható fizetési pénznemeket. Ha a naptár által megjelenített első hétben vagy hónapban nincs foglalható lehetőség, a naptár előretekint, és az első olyan dátumon nyílik meg, amelyen van foglalható lehetőség.

Megjelenés

Egyéni CSS hozzáadásával finomhangolhatja a widget megjelenését, hogy az illeszkedjen a márkájához.

Analitika

A látogatók widgethasználatának nyomon követéséhez csatlakoztassa a Google Analytics vagy a Google Tag Manager szolgáltatást.

Speciális beállítások

Vásárlás után irányítsa az ügyfeleket egy Ön által kiválasztott oldalra, és állítsa be azt az URL-paramétert, amelyet viszonteladói használnak annak érdekében, hogy a foglalások hozzájuk legyenek rendelve.

Előnézet, közzététel és telepítés

A módosítások piszkozatként jelennek meg az élő előnézetben — kattintson az Előnézet frissítése lehetőségre, hogy a jobb oldalon megtekinthesse őket anélkül, hogy hatással lennének az éles widgetre. Ha elégedett az eredménnyel, kattintson a Közzététel lehetőségre a módosítások élesítéséhez, vagy a Mégse lehetőségre a piszkozat elvetéséhez.

A widget webhelyen való elhelyezéséhez nyissa meg a Telepítési útmutató oldalt: másolja a script taget az oldalára, majd válasszon a Beágyazott widget (közvetlenül az oldal tartalmában jelenik meg) és a Modális/előugró ablak widget (egy gombból megnyíló átfedő ablakban jelenik meg) közül, végül illessze be a megfelelő kódrészletet.

Amikor az ügyfél a következő lépésre lép, a widget visszagörgeti az oldalt a foglalási űrlap tetejére, így az a vásárló, aki egy hosszú jegylistán lefelé görgetett, nem a következő lépés közepén találja magát. Ha a widgetet egy saját, görgethető panelen belül helyezte el, akkor a panel fog mozogni, és az oldal csak akkor mozdul el, amikor maga a panelt görgették ki a látható területről. A widget akkor végzi el ezt a görgetést, amikor az űrlap teteje kikerült a látható területről, illetve amikor az űrlap az oldalon elegendő szabad hely mellett túlnyúlik a képernyő alsó szélén. A már teljes egészében a képernyőn elférő űrlapot a widget az eredeti helyén hagyja, és helyet biztosít az oldal tetejére rögzített fejléc számára.

Ha ez nem illeszkedik az oldal elrendezéséhez, akadályozza meg az oldal mozgatását azzal, hogy a beillesztett widgetkódhoz hozzáadja a "scrollOnStepChange": false beállítást:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

Ha a fejléc eltűnik, amikor a látogatók lefelé görgetnek, majd újra megjelenik, amikor felfelé görgetnek, a widget nem tudja megmérni a magasságát, ezért az űrlap teteje a fejléc mögé kerülhet. A görgetés kikapcsolása helyett adja meg a widgetnek a fejléc magasságát pixelben:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

Ha a klasszikus widgetszerkesztőt használja, újraépítés helyett duplikálhatja a widgetet:

Lépjen a Widgetek menüpontra
Válasszon ki egy meglévő widgetet
Kattintson a Klónozás lehetőségre
Válassza ki a célcsatornát, majd erősítse meg a választást

Módosítsa a klónozott widgetet, majd tegye közzé, és másolja a kódot a webhelyére.