Mielőtt elkezded
Két dologra lesz szükséged: a saját kódodra és egy biztonságos címen futó weboldalra.
1. Másold ki a saját kódodat.
- Lépj be az Estatx kezelőfelületére.
- Nyisd meg a Beállítások → Widget beépítés oldalt.
- Kattints a kód melletti másolás gombra, vagy jelöld ki az egész kódot, és másold ki.
A kód a te irodádhoz tartozik, ezért mindig innen másold, ne egy másik oldalról vagy egy példából. Ügyelj rá, hogy az egészet kimásold, az első karaktertől az utolsóig. A blokk mellett van egy kis másoló ikon, ha arra rányomsz, akkor a teljes kódot automatikusan kimásolod.
2. Nézd meg a weboldalad címét.
A böngésző címsorában a weboldalad címének https:// kezdetűnek kell lennie, és mellette egy lakat ikon látszik. Ha http:// az eleje, az érdeklődő űrlapok nem fognak működni. A legtöbb szerkesztőben ez egy kapcsolóval bekapcsolható (SSL vagy HTTPS néven), ha nem találod, kérdezd meg a szerkesztőd ügyfélszolgálatát.
A beillesztés lépései
A folyamat minden szerkesztőben ugyanaz, csak az elem neve más.
- Hozz létre egy oldalt a kínálatodnak, például „Ingatlanok” vagy „Kínálatunk” néven, vagy nyisd meg azt a meglévő oldalt, ahol az ingatlanokat mutatni szeretnéd.
- Adj hozzá egy kódelemet oda, ahol a kínálatnak meg kell jelennie. A szerkesztők ezt különböző néven hívják: HTML, Egyedi kód, Beágyazás, Embed vagy Custom code.
- Illeszd be a kódot az elem szövegmezőjébe, és mentsd el az elemet.
- Tedd közzé az oldalt. Sok szerkesztő a szerkesztés közben nem futtatja a kódot, ezért ott üres dobozt vagy csak egy feliratot látsz. Ez normális, a kínálat a közzétett oldalon jelenik meg.
- Nyisd meg az élő oldalt egy új böngészőablakban, és ellenőrizd, hogy látszanak-e az ingatlanjaid.
A kínálatot egy oldalon egyszer helyezd el. Ha ugyanazt a kódot kétszer illeszted be ugyanarra az oldalra, a widget nem fog megfelelően működni.
Az ingatlanok adatlapjai ugyanezen az oldalon nyílnak meg, ezért olyan oldalra tedd a kódot, amely a menüből is elérhető.
Szerkesztőnként
Az alábbiakban a legnépszerűbb szerkesztőkben mutatjuk meg, melyik elemet keresd. A menüpontok neve a szerkesztő nyelvétől függően angolul vagy magyarul jelenhet meg.
Elementor (WordPress)
Nyisd meg az oldalt az Elementorral. A bal oldali elemlistában keress rá a HTML elemre, és húzd oda, ahol a kínálatot szeretnéd látni. Illeszd be a kódot a megjelenő szövegmezőbe. Kattints a Közzététel vagy Frissítés gombra.
Wix
Nyisd meg az oldalt a Wix szerkesztőben. Kattints a Hozzáadás (+) gombra, majd válaszd a Beágyazott kód → Beágyazott HTML lehetőséget (angolul Embed Code → Embed HTML). Kattints a Kód megadása gombra, illeszd be a kódot, majd kattints a Frissítés gombra. Húzd szélesre és magasra a dobozt, hogy elférjen benne a teljes kínálat. A Wix egy keretben jeleníti meg a kódot, és ami nem fér bele, az görgetéssel érhető el. Tedd közzé az oldalt.
Webflow
Nyisd meg az oldalt a Webflow Designerben. Az Add (+) panelen keresd meg a Code Embed elemet, és húzd a kívánt helyre. Illeszd be a kódot, és kattints a Save & Close gombra. Kattints a Publish gombra. A Code Embed elem a Webflow fizetős csomagjaiban érhető el.
Squarespace
Nyisd meg az oldalt szerkesztésre. Kattints a Blokk hozzáadása gombra, és válaszd a Kód (Code) blokkot. Illeszd be a kódot, és ellenőrizd, hogy a blokk HTML módban van. Mentsd el az oldalt. A Kód blokk a Squarespace magasabb csomagjaiban érhető el. Ha nem látod, nézd meg, melyik csomagod van.
Joomla
A Joomla adminban nyisd meg a Tartalom → Webhelymodulok menüt, és hozz létre egy új Egyedi (Custom) modult. A szövegszerkesztő alatt kattints a Szerkesztő be/ki gombra, hogy kódnézetre válts, és ott illeszd be a kódot. Ha ezt kihagyod, a szerkesztő kitörölheti a kód egy részét. Válaszd ki a modul helyét, és rendeld hozzá ahhoz a menüponthoz, ahol a kínálatot szeretnéd. Mentsd el a modult.
Más szerkesztők
Ha a te szerkesztőd nincs a listában, keress benne olyan elemet, amelynek a neve HTML, Embed, Beágyazás vagy Custom code. Ha van ilyen, a fenti általános lépésekkel ugyanúgy beillesztheted a kódot.
Ellenőrzés és gyakori hibák
Közzététel után nyisd meg az oldalt látogatóként, és nézd végig a következőket:
- Megjelennek az ingatlanjaid.
- Működnek a szűrők.
- Egy ingatlanra kattintva megnyílik az adatlapja.
- Az érdeklődő űrlap elküldhető, és a próba megkeresés megjelenik a kezelőfelületen az Érdeklődők között.
- Telefonon is jól mutat az oldal.
| Mit tapasztalsz | Mit tegyél |
|---|---|
| A szerkesztőben üres doboz látszik. | Ez normális. Tedd közzé az oldalt, és az élő oldalon nézd meg. |
| Az élő oldalon sem jelenik meg semmi. | Másold ki újra a teljes kódot a Widget beépítés oldalról, és cseréld le vele a régit. Gyakran lemarad a kód eleje vagy vége. |
| Megjelenik a widget, de nincs benne ingatlan. | Ellenőrizd az Ingatlanok menüpontban, hogy van-e közzétett ingatlanod, és hogy aktív-e az előfizetésed vagy a próbaidőd. |
| Nem lehet elküldeni az űrlapot. | Nézd meg, hogy a weboldalad címe https:// kezdetű-e. |
| A kínálat túl keskeny, vagy le van vágva az alja. | Tedd szélesebb oszlopba vagy szekcióba a kódelemet. Wixen húzd nagyobbra a dobozt. |
| Eltérnek a betűk vagy a színek. | A widget megjelenését a Widget megjelenés → Stílus oldalon igazíthatod a weboldaladhoz. |
| Egy módosítás nem látszik az oldalon. | Frissítsd az oldalt a böngészőben. Ha a weboldaladon van gyorsítótár, ürítsd ki. |
Ha elakadnál
Ha a fentiek után sem jelenik meg a kínálatod, kérj visszahívást, és segítünk a beillesztésben. Írd meg, melyik szerkesztőt használod, és add meg a weboldalad címét, így gyorsabban megtaláljuk a hibát. Minden megkeresésre 2 munkanapon belül válaszolunk.