Jegyvásárlás a saját weboldaladon (beágyazás)

A jegyvásárlás beépítése a saját weboldaladba gombbal vagy beágyazott jegyválasztóval, és a közvetlen eseménylink.

A vevők a saját weboldaladon is vehetnek jegyet, anélkül, hogy elhagynák az oldaladat. A kódot az esemény Beágyazás oldalán kapod (a jegykezelő felületen, az esemény Beállítások csoportjában), a Másolás gombbal egyben kimásolhatod.

A kód három része

• Szkript: <script src="https://vibelify.app/widget.js" defer></script>. Oldalanként egyszer kell, akárhány gombot vagy beágyazást teszel ki.
• Gomb: <button data-vibelify-event="...">Jegyek megtekintése</button>. Kattintásra felugró ablakban nyílik meg a jegyvásárlás, az oldalad a háttérben marad. Az ablak a × gombbal, az Esc billentyűvel vagy a háttérre kattintva zárható.
• Beágyazott jegyvásárlás: <iframe src="https://vibelify.app/beagyazas/...">. A jegyválasztó közvetlenül az oldalad tartalmában jelenik meg. A magasságát a szkript a tartalomhoz igazítja, így nincs benne görgetősáv.

Elég az egyik: vagy a gomb, vagy a beágyazott jegyválasztó. Mindkettőhöz kell a szkript. A gomb feliratát és kinézetét (szín, méret, betűtípus) a weboldalad saját stílusa adja, a fejlesztőd úgy formázza, ahogy szeretné. A data-vibelify-event értéket ne írd át.

Mi történik vásárláskor

1. A vevő kiválasztja a jegyeket. A jegyek mellett a jegyár látszik, a kosárban pedig a végösszeg, díjsor nélkül.
2. Megadja az adatait (email, név, számlázási cím), és elfogadja a feltételeket.
3. A Fizetés gombra a Barion fizetőoldala új ablakban nyílik meg (biztonsági okból a Barion nem engedi, hogy más oldalba építsék). A beágyazott rész közben kiírja, hogy fizetésre vár.
4. Sikeres fizetés után a beágyazott rész kiírja, hogy a vásárlás sikerült, és a jegyeket emailben elküldtük. A vevő a jegyeit egy gombbal meg is nyithatja.

Ha a vevő böngészője letiltja a felugró ablakokat, a teljes oldal átlép a fizetésre, fizetés után pedig a vibelify.app visszaigazoló oldalára jut. A vásárlás így is rendben lezajlik.

Közvetlen link

A Beágyazás oldal alján az eseményoldal címe (vibelify.app/esemeny/...) is ott van: ezt bárhol megoszthatod, például Instagramon vagy üzenetben. Az eseményoldalon ugyanazzal a jegyválasztóval és fizetéssel lehet jegyet venni.