Ugrás a fő tartalomra

Multihotel keresési felület honlapba ágyazása

Iframe beillesztése

Zoltán Gál avatar
Írta: Zoltán Gál
Több mint egy évvel ezelőtt frissítve

A Multihotel keresési felületet be lehet ágyazni a szálláshely weboldalába, hogy egy egységes, designba illő, látszólag saját URL-en futó felhasználói élményt kapjon a foglalni szándékozó látogató. Illetve lehet használni a saját, külső URL-jén is.

A beágyazás előfeltételei

  1. A domain érvényes SSL tanúsítvánnyal rendelkezik

  2. A kód beillesztéséhez a szálláshely azonosítója és a beágyazási kulcs rendelkezésre áll

Hibás működést eredményezhet:

Forráskód generálása

  1. Az adminisztrációs felületen a bal oldali menüben kattintson a Hoteladatok/Webmestereknek menüpontra.

  2. Az "Integrációs kódok" fül alatt található táblázatban keresse meg azt az iframe kulcsot, amelyhez beágyazó kódot szeretne generálni.

  3. A világos kékkel kiemelt fejlécben kattintson a "Szerkesztés" feliratú gombra.

  4. A felugró ablakban töltse ki igényeinek megfelelően a mezőket, majd kattintson a "Forráskód generálás" feliratú gombra.

  5. Keresse ki a táblázatból az újonnan létrehozott beágyazási beállítást és kattintson a másolás ikonra a forráskód vágólapra másolásához.

1.) Összefoglaló információk

2.) A beágyazandó RESnWEB modul

3.) Sticky header azonosító

4.) Multihotel alapértelmezett nyelve

A multihotel keresési felület beágyazó kódjainak legenerálása azután lesz lehetséges, hogy rögzítésre kerülnek rendszerünkben azon aloldalak URL címei - idegen nyelvű verzióké is - , ahol a felületek meg fognak jelenni. Példa: https://resnweb.com/szobafoglalas

Abban az esetben, ha nem látja a felületekhez tartozó URL címeket a listában, kérjük, küldje el részünkre azokat! A rendszerbe való felvitelt követően az URL címek megjelennek a listában és a Szerkesztés gombra kattintás után lehetséges lesz a forráskódok legenerálása.

FONTOS! Nyelvenként és felületenként egy URL rögzíthető a rendszerben. Ez azt jelenti, hogy ha a weboldal több aloldaláról is szeretné elérhetővé tenni felületeinket, akkor ezeken az aloldalakon egy-egy gombot szükséges elhelyezni, melyek mögé a felületek aloldalainak URL címét szükséges beilleszteni. Így bármelyik oldalról is indul a vendég, ugyanarra az aloldalra kerül át.

Beágyazás

Beágyazás esetén a RESnWEB adminisztrációs felületén generált kód beillesztése szükséges a HTML dokumentum nyitó <body> címkéje után. Az iframe közvetlenül a beillesztett kód után ékelődik be a DOM-ba, ezért fontos szempont lehet a beillesztés helye.

A RESnWEB adminisztrációs felületének “Webmestereknek” menüpontjában generált kód a következőképpen néz ki:

Beágyazó kód minta

<script src="https://nethotelbooking.net/embed.RESnWEB.js?id=AB123"></script>

Mobil eszközök

A Multihotel keresési felület olyan mobil eszközökre lett optimalizálva, melyeknek a kijelző szélessége legalább 320 képpontból áll. A helyes megjelenés érdekében érdemes ügyelni arra, hogy a beágyazott felület ezeken az eszközökön teljes képernyőszélességben meg tudjon jelenni. Ennek érdekében szükségessé válhat a beágyazó kódot tartalmazó HTML elem padding és margin CSS tulajdonságainak 0-ra állítása kisebb kijelzők esetén.

A multihotel felület paraméterezése

Bizonyos esetekben igény merülhet fel arra, hogy egy látogató korábban már megadott paramétereket felhasználva érkezzen a multihotel felületre (pl.: promóciós kód automatikusan legyen beírva a felületre). Ezt elérhetjük az URL megfelelő összeállításával.

Iframe használata esetén a multihotel felület URL-jét szükséges kiegészíteni GET paraméterekkel. Az első paramétert a felület URL címe mögé ‘?’ megadását követően szükséges elhelyezni. A paraméterek felsorolása ‘&’ jellel elválasztva és ‘rnw_’ előtag használatával történik.

Példa:

https://example.com?rnw_code=torzsvendeg&rnw_view=map

Paraméterek

Leírás

Példa

rnw_arrive

érkezés dátuma

2023-05-01

rnw_departure

távozás dátuma

2023-05-06

rnw_code

promó kód

pl: torzsvendeg

rnw_lang

multihotel felület nyelvének ISO kódja (2 karakter)

  • hu - magyar,

  • en - angol,

  • de - német

  • it - olasz,

  • sk - szlovák,

  • ro - román,

  • sr - szerb,

  • cs - cseh,

  • ru - orosz,

  • pl - lengyel

rnw_view

alapértelmezetten térképes nézetben jelennek meg a szálláshelyek listanézet helyett

map

Hibaelhárítás

  • Ellenőrizze, hogy a megadott szálláshely azonosító és beágyazási kulcs megfelelő-e

  • Tartalomkezelő rendszerek (CMS) keretein belül történő beágyazásnál érdemes a böngésző fejlesztői eszköztárának segítségével meggyőződni arról, hogy a beillesztett kód felépítése megfelel a követelményeknek (a változónevek megfelelőek, a távoli JavaScript fájl hivatkozása helyesnek bizonyul).

  • Ellenőrizze, a böngésző fejlesztői eszközeivel, hogy program futás közben nem történt-e hiba

Ragadós (sticky) fejléc használata

A weboldalon található ragadós fejléc releváns információkat és funkciókat takar ki a felületeinkből, így kérjük az alábbi beállítás elvégzését, melynek köszönhetően a felület figyelembe veszi a fejléc magasságát és az oldal tartalmát az alatt jeleníti meg.

A RESnWEB adminisztrációs felületén a "Webmestereknek" menüpontban van lehetőség a rögzített fejléc beállítására. Használható ID, class, illetve attributum is.

Pl. #sticky-headers, .sticky-headers

FONTOS! HTML tag nem adható meg.

Választ kapott a kérdésére?