Online foglaló widget — beágyazható bármelyik iroda-honlapra
A magyar utazási irodák weboldalainak 70%-a WordPress, 15% Wix, 10% sima static HTML, 5% pedig egyéni fejlesztés. Az ügyfél azt szeretné, hogy a saját honlapján — ne egy idegen platformon — tudjon foglalni. A Travelium foglaló widget pontosan ezt oldja meg: egy beágyazható komponens, ami minden környezetben fut.
A beágyazás módja
Két sor kódot teszünk az iroda honlapjába:
<div id="travelium-widget" data-tenant="agency-slug"></div>
<script src="https://widget.travelium.hu/v1/loader.js" async></script>
A loader felismeri a tenant azonosítót, betölti a megfelelő branding-konfigurációt (logó, színek, betűtípus), és kirenderel egy iframe-mentes React-komponenst. Iframe szándékos elkerülése: SEO-szempontból a tartalom indexelhető marad, és nem ütközik a host-oldal CSP-jébe.
White-label téma
Minden iroda kap egy admin felületet, ahol a következőket állíthatja:
- Primer + szekunder szín (hex)
- Logó (SVG vagy PNG)
- Sarokkerekítés (0–24 px)
- Betűtípus (Google Fonts vagy a host-oldal
font-familyöröklése) - Akciógombok szövege (HU/EN/DE)
A widget így 5 perc alatt vizuálisan a saját márkává lesz. Egy ügyfél nem érzi, hogy harmadik fél szoftvere fut a háttérben.
A foglalási flow lépésről lépésre
- Kereső — desztináció, dátum, utas-szám.
- Eredménylista — szálloda + járat kombinációk, ár szerint rendezve.
- Csomag-részletek — fotók, leírás, törlési feltételek.
- Ügyfél-adatok — kontakt + utasok (név, születési dátum, útlevél opcionális).
- GDPR + ÁSZF beleegyezés — két különálló pipa, kötelező.
- Foglaló befizetés — 20–30% online (Stripe vagy SimplePay), a maradék 30 nappal indulás előtt utalva.
- Visszaigazolás — voucher e-mailben, naptár-meghívóval.
A lépés 4 és 5 között Stripe Element vagy SimplePay redirect; PCI-DSS-konform, az iroda nem lát kártyaszámot.
Letét + végkifizetés szétválasztás
A magyar iroda-gyakorlat: a foglalásnál 20–30% letét, az utazás előtt 30 nappal a fennmaradó összeg. A widget ezt natívan kezeli: a Stripe oldalán két különálló PaymentIntent készül, az első azonnal capture-rel, a második requires_capture állapotban marad. A 30-napos határidőnél a Travelium backend automatikusan elindítja a capture-t, vagy ha a kártya időközben lejárt, e-mailt küld új adatok kéréséről.
Konverziós szám: 4,2%
8 magyar utazási iroda 6 hónapos adata alapján: a widget átlagos konverziója (keresőből → sikeres foglalás) 4,2%. Összehasonlításként: a generic OTA-k (Booking, Expedia) iparági konverziója 1,8% körüli.
Miért magasabb? Mert a látogató már egy konkrét iroda honlapjára érkezett — a vásárlási szándék előminősített. A widget csak nem dobja el ezt a szándékot túl sok lépéssel, idegen UI-val vagy SSO-popuppal.
Mobile-first valóság
A 8 magyar iroda forgalmának 64%-a mobil eszközről érkezik. A widget React-komponensei mobile-first módon vannak építve: a kereső-űrlap egyetlen oszlopra omlik, az eredménylista kártyás (nem táblázatos), a fizetés Apple Pay és Google Pay gomb mellett klasszikus kártya-űrlapot is kínál. A teljes JS-bundle gzippelve 84 kB — egy átlagos magyar 4G-kapcsolaton 1,1 másodperc alatt töltődik.
Accessibility oldal: WCAG 2.1 AA compliance auditálva. Keyboard navigation a teljes flow-n működik, screen reader (VoiceOver, NVDA) tesztelve mind a 7 lépésen. Ez magyar irodáknál ritka, de uniós pályázati feltétel és a piacon növekvő elvárás.
Lesson
A saját foglaló widget nem branding-luxus. Mérhető konverziós előnye 2,3x egy generikus OTA-hoz képest. A kulcs: gyors load (iframe-mentes), CSP-barát beágyazás, megbízható letét-flow, és vizuális egység az iroda márkájával.