Ugrás a fő tartalomra

Pre-arrival email modul - Online bejelentőlap honlapba ágyazása

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

A RESnWEB szobafoglalási rendszert és moduljait 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.

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

A bejelentőlap 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/bejelentolap

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:

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

FONTOS! Kérjük, hogy a weboldalról ne biztosítsanak a vendégnek közvetlen elérést a felületre, azaz ne legyen menüpont vagy gomb létrehozva erre a célra!

FONTOS! A beágyazó kód forráskódba való beillesztését követően a felületen hibaüzenet jelenik meg, mely teljesen normális. Ennek az az oka, hogy csak azon vendégek számára látható és kitölthető a bejelentőlap akik foglalással rendelkeztek rendszerünkben, mert így tudjuk a bejelentőlapokat foglalásokhoz hozzárendelni. Ők emailben kapnak egy levelet, mely tartalmazza annak az aloldalnak az URL címét, ahová az űrlap beépítésre került, melyre kattintva megjelenik a bejelentőlap a szálláshely weboldalán.

Mobil eszközök

A bejelentőlap felülete 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.

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?