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.
A beágyazás előfeltételei
A domain érvényes SSL tanúsítvánnyal rendelkezik
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:
A kód tömörítése
SSL tanúsítvány használatának mellőzése
Az ügyfélszolgálattal egyeztetett URL-től eltérő URL használata
(pl.: https://example.com/foglalas helyett https://example.com/online-foglalas)Érvénytelen beágyazási kulcs
Nem megfelelő szálláshely azonosító
Forráskód generálása
Az adminisztrációs felületen a bal oldali menüben kattintson a Hoteladatok/Webmestereknek menüpontra.
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.
A világos kékkel kiemelt fejlécben kattintson a "Szerkesztés" feliratú gombra.
A felugró ablakban töltse ki igényeinek megfelelően a mezőket, majd kattintson a "Forráskód generálás" feliratú gombra.
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 HTML elem beazonosítására szolgáló CSS selector
Az elégedettségmérő kérdőív 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éldául: https://resnweb.com/elégedettsegmero
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.
A beágyazás beállításainak módosítása
A világos kékkel kiemelt fejlécben kattintson a "Szerkesztés" feliratú gombra.
A "Modul" feliratú lenyíló listából válassza ki azt a modult, amelyiknek módosítani szeretné a beágyazási beállításait.
Végezze el a kívánt módosításokat, majd kattintson a "Mentés" gombra
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=MINTA"></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 kérdőív, akik foglalással rendelkeztek rendszerünkben, mert így tudjuk a kérdőíveket foglalásokhoz hozzárendelni. Ők emailben kapnak egy levelet, mely tartalmazza annak az aloldalnak az URL címét, ahová az elégedettségmérő kérdőív beépítésre került, melyre kattintva megjelenik a kérdőív a szálláshely weboldalán.
Mobil eszközök
A foglalói 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.
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.