--- title: "Online foglalás a saját weboldalán: beágyazó kód és WordPress-bővítmény" description: "Tegye a foglalást a saját weboldalára: beépített naptár vagy felugró gomb, szűkítés munkatársra vagy szolgáltatásra, WordPress-bővítmény és rövidkód lépésről lépésre." category: "Funkciók" published: 2026-10-08 reading_time_minutes: 7 url: https://www.idopontok.hu/tudastar/foglalasi-naptar-beagyazasa-weboldalba site: idopontok.hu — Online időpontfoglaló rendszer magyar vállalkozásoknak: saját foglalási oldal, SMS- és email-emlékeztető. Ingyenes csomag havidíj nélkül, Pro 4 900 Ft/hó. --- # Online foglalás a saját weboldalán: beágyazó kód és WordPress-bővítmény Ha van saját weboldala, a legjobb, ha a vendég ott is foglalhat, anélkül hogy egy másik oldalra kellene átkattintania. Az idopontok.hu foglalási naptára néhány perc alatt beágyazható bármilyen weboldalba: WordPress-oldalra egy bővítménnyel és rövidkóddal, Wix, Squarespace vagy más oldalkészítő esetén egy kódrészlettel. A foglalás ugyanúgy működik, mint a foglalási oldalán, és ugyanúgy a naptárába érkezik. ### Mit kap a beágyazással? A beágyazott foglaló ugyanaz a foglalási folyamat, mint a foglalási oldala: a vendég kiválasztja a szolgáltatást és az időpontot, megadja az adatait, és ha a szolgáltatásnál online fizetést kér, bankkártyával fizet. A foglalás azonnal megjelenik a naptárában (és a Google Naptárban, ha összekötötte), a visszaigazolás és az emlékeztetők is ugyanúgy kimennek. A [Riportok](/app/reports) oldalon a foglalások forrásai között a weboldaláról érkezők „Saját weboldalad” néven szerepelnek, és azt is látja, mely weboldalakról érkeztek a látogatók. ### Beépített naptár vagy felugró ablak? A [Foglalási oldal](/app/booking-page) menüben görgessen a „Beágyazás a saját weboldaladba” részhez. A „Megjelenés” alatt két lehetőség közül választhat. „Beépített naptár”: a foglaló az oldal tartalmának részeként jelenik meg. Az oldal szélességéhez igazodik, és a tartalommal együtt nő, így nincs benne külön görgetősáv. Akkor jó választás, ha egy külön „Időpontfoglalás” aloldalt szán neki. „Felugró ablak”: a kód egy gombot tesz az oldalra (alapból „Időpontfoglalás” felirattal), és a foglalás kattintásra egy ablakban nyílik meg az oldal fölött. Az ablak a jobb felső × jellel, az Esc billentyűvel vagy az ablak mellé kattintva zárható be. Egy oldalon több gomb is lehet, mindegyik más munkatárshoz vagy szolgáltatáshoz, például a csapat bemutatkozó oldalán minden kolléga mellett egy. ### „Mit mutasson?”: szűkítés munkatársra vagy szolgáltatásokra Ha több munkatársa vagy több szolgáltatása van, a „Mit mutasson?” résznél szűkítheti a beágyazott foglalót. A „Munkatárs” listában (alapból „Mindenki”) egy kollégát választva csak az ő szolgáltatásai jelennek meg, és a foglalás hozzá kerül. A „Munkatárs” lista csak akkor látszik, ha egynél több munkatársa van. A „Szolgáltatások” alatt bejelölheti, mely szolgáltatások látszódjanak; ha egyet sem jelöl, mind megjelenik. A választás azonnal bekerül a lenti beágyazó kódba és a WordPress-rövidkódba. Mellé egy „Közvetlen foglalási link ehhez” címet is kap, amelyet szöveges linkként, emailben vagy a közösségi oldalain is használhat. ### Beágyazás WordPress-oldalba bővítménnyel WordPress-oldalon a legegyszerűbb az idopontok.hu bővítménye: egy rövidkóddal teheti ki a foglalót bármelyik oldalra vagy bejegyzésbe. 1. A [Foglalási oldal](/app/booking-page) menüben, a beágyazásnál válassza ki a megjelenést és szükség esetén a „Mit mutasson?” beállítást, majd a „WordPress” résznél kattintson a „Bővítmény letöltése” gombra. Egy idopontok-foglalas.zip fájlt kap. 2. A WordPress adminfelületén nyissa meg a Bővítmények → Új hozzáadása → Bővítmény feltöltése menüt (a menüpont neve a WordPress verziójától függően kicsit eltérhet), válassza ki a letöltött zip-fájlt, telepítse, majd kapcsolja be a bővítményt. 3. Nem kötelező, de kényelmes: a WordPressben a Beállítások → idopontok.hu oldalon a „Vállalkozás azonosítója” mezőbe írja be a foglalási linkje végét (idopontok.hu/b/vallalkozasod-neve esetén: vallalkozasod-neve), vagy illessze be a teljes linket, és mentse. Így a rövidkódban nem kell megadnia. 4. A vezérlőpulton kattintson a „Rövidkód másolása” gombra. A WordPress oldalszerkesztőjében adjon az oldalhoz egy „Rövidkód” blokkot, illessze bele a kódot, és tegye közzé az oldalt. A munkatárs- és a szolgáltatás-azonosítókat nem kell kikeresnie: a „Mit mutasson?” beállítás után a „Rövidkód másolása” gomb a kész rövidkódot adja, benne az azonosítókkal. A bővítmény csak betölti a foglalót az idopontok.hu-ról, ezért ha a foglalási folyamat változik vagy új funkciót kap, a bővítményt nem kell frissíteni. Ha a látogató böngészőjében ki van kapcsolva a JavaScript, a foglaló helyén egy „Időpontfoglalás” link jelenik meg. ### Beágyazás Wix, Squarespace és más oldalkészítők esetén Ha nem WordPresst használ, a „Beágyazó kód” mezőben lévő kódot illessze be. Kattintson a „Kód másolása” gombra, majd a weboldal-szerkesztőjében adjon az oldalhoz egy egyéni HTML/kód blokkot, és illessze bele. Az „Előnézet” gombbal előre megnézheti, hogyan fog kinézni a foglaló. A kód két sorból áll: egy helyőrző elemből, amelyben a vállalkozása azonosítója és a választott beállítások szerepelnek, és egy script sorból, amely betölti a foglalót. Ha egy oldalon több foglalót vagy gombot is elhelyez, a helyőrző sort mindegyikhez beillesztheti, a script sort elég egyszer. A kód aszinkron töltődik, így nem lassítja az oldal megjelenését. Ha az oldalkészítője vagy annak csomagja nem enged kódot beilleszteni, tegyen ki egy gombot vagy linket a foglalási linkjére (ezt ugyanezen az oldalon, feljebb találja), szűkítés esetén pedig a „Közvetlen foglalási link ehhez” címre. ### Példa: kozmetikai szalon két kollégával Egy kozmetikai szalon WordPress-oldalán van egy „Árak és foglalás” aloldal és egy „Csapatunk” aloldal, ahol Réka és Dóra mutatkozik be. A tulajdonos telepíti a bővítményt, és a Beállítások → idopontok.hu oldalon megadja a szalon azonosítóját. Az „Árak és foglalás” oldalra beépített naptár kerül szűkítés nélkül, egyetlen [idopontok] rövidkóddal. A „Csapatunk” oldalon mindkét bemutatkozás mellé felugró gomb kerül. A tulajdonos a vezérlőpulton a „Felugró ablak” megjelenést választja, a „Mit mutasson?” résznél kiválasztja Rékát, kimásolja a rövidkódot, majd ugyanezt megismétli Dórával. Réka bemutatkozása alatt így „Időpontfoglalás – Réka” gomb áll, és a rajta keresztül érkező foglalás egyenesen Réka naptárába kerül. A Riportok oldalon később látszik, hány foglalás érkezett a saját weboldalról. ### Gyakori kérdések **Kell frissítenem a WordPress-bővítményt, ha változik a foglalási oldal?** Nem. A bővítmény csak betölti a foglalót az idopontok.hu-ról, így minden változás és új funkció automatikusan megjelenik a weboldalán is. **Működik az online fizetés a beágyazott foglalóban?** Igen. Ha a szolgáltatásnál online fizetést kér, a vendég a beágyazott foglalóban is bankkártyával fizethet, ugyanúgy, mint a foglalási oldalán. **Mi a különbség a beágyazás és a foglalási link között?** A link átviszi a vendéget az idopontok.hu-n lévő foglalási oldalára, a beágyazásnál viszont a foglalás az Ön weboldalán marad. Mindkettő ugyanúgy az Ön naptárába foglal. **Hol látom, hány foglalás érkezett a weboldalamról?** A Riportok oldalon, a foglalások forrásai között „Saját weboldalad” néven. **Tehetek egy oldalra több foglalót is?** Igen. Felugró ablaknál például minden munkatárshoz külön gombot tehet. Mindegyikhez a saját helyőrző sorát vagy rövidkódját illessze be; a script sort elég egyszer. ### Kapcsolódó cikkek - [Hatékony foglalási oldal: konverzió-növelő tippek vállalkozóknak](https://www.idopontok.hu/tudastar/hatekon-foglalasi-oldal-tippek.md) - [Instagram és Facebook foglalási link: hogyan állítsd be?](https://www.idopontok.hu/tudastar/instagram-facebook-foglalasi-link.md) - [Online bankkártyás fizetés foglaláskor: előleg vagy teljes ár](https://www.idopontok.hu/tudastar/online-bankkartyas-fizetes-idopontfoglalasnal.md)