Beépítési útmutató
Így teszed fel az ÁSZF-et, az adatvédelmi tájékoztatót és az elállási nyilatkozatot a weboldaladra — úgy, hogy jogszabályváltozáskor a frissítés magától megjelenjen.
1. Előkészítés a fiókodban
- Töltsd ki a kérdőívet az adott weboldalra (Weboldalak → a weboldal → Kérdőív).
- Generáld és publikáld a dokumentumokat (Dokumentumok). Beágyazni csak publikált dokumentumot lehet.
- Nyisd meg a Beágyazás oldalt: itt dokumentumonként megtalálod a saját kódodat és a közvetlen linket, a „Beágyazás kipróbálása” gombbal pedig megnézheted, hogyan jelenik meg.
- Ha szeretnéd, a weboldal beállításaiban megadhatod az engedélyezett domaineket. Ilyenkor a dokumentum csak ezeken (és az aldomainjeiken) jelenik meg; üresen hagyva bárhol megjeleníthető.
2. A beépítés módjai
A) Beágyazó kód — ezt ajánljuk
Illeszd be a weboldal megfelelő aloldalára (például „ÁSZF”). A példában a kulcs helyén a fiókodban látható saját kulcsod áll.
<!-- ÁSZF -->
<div data-simplegal="pk_XXXXXXXX"
data-doc="aszf"
data-lang="hu"></div>
<script src="https://www.simplegalgenerator.hu/embed/v1.js" async></script>- A data-doc értéke: aszf, adatvedelem vagy elallas; a data-lang értéke: hu vagy en.
- A dokumentum a te oldalad formázásába illeszkedik, tartalomjegyzékkel és „PDF letöltése” linkkel.
- Automatikusan frissül: egy új publikált verzió néhány percen belül megjelenik a weboldaladon.
- Nem helyez el sütit, és nem tárol adatot a látogató böngészőjében.
- Egy oldalon több dokumentum is lehet: ilyenkor több <div> kell, a <script> sor elég egyszer.
Egysoros változat
Ha a szerkesztő csak egyetlen elemet enged: a dokumentum közvetlenül a script helyén jelenik meg.
<script src="https://www.simplegalgenerator.hu/embed/v1.js" data-simplegal="pk_XXXXXXXX" data-doc="aszf" data-lang="hu" async></script>B) Közvetlen link
Ha a weboldalon nem lehet scriptet elhelyezni: minden dokumentumnak van saját nyilvános oldala.
https://www.simplegalgenerator.hu/d/pk_XXXXXXXX/aszf?lang=hu- Hivatkozhatsz rá a lábléc menüjéből, a pénztár oldalról vagy a visszaigazoló e-mailből.
- Ez is automatikusan frissül; nyomtatás gomb és PDF-letöltés is tartozik hozzá.
C) Keretben (iframe)
Ha scriptet nem, de iframe-et elhelyezhetsz, a közvetlen link keretben is megjeleníthető.
<iframe src="https://www.simplegalgenerator.hu/d/pk_XXXXXXXX/aszf?lang=hu"
title="ÁSZF" style="width:100%;height:80vh;border:0"></iframe>- A keret magassága rögzített, a dokumentum a kereten belül görgethető.
- Ez a mód is automatikusan frissül.
D) Ahol kód nem helyezhető el
A dokumentumot csak bekötve lehet használni: a beágyazó kód, a keret és a közvetlen link mindig az ügyvéd által karbantartott, aktuális változatot mutatja. Letölthető vagy kimásolható példány nincs.
- A beágyazott dokumentum alatti és a nyilvános oldalon lévő „PDF letöltése” link a vásárlóknak szól, és mindig az aktuális verziót adja.
- Ha hatósági vagy egyéb okból mégis fájl kell, kérd az ügyvédtől: az iroda küld példányt.
E) Online elállási gomb
Ha a csomagod tartalmazza: a nyilatkozat-minta megjelenítése mellett online elállási gomb is kell a webshopodra. A gomb az elállási űrlapot nyitja meg: a vásárló megadja a rendelés adatait és az e-mail címét, eláll a szerződéstől, és erről azonnal visszaigazolást kap.
<a href="https://www.simplegalgenerator.hu/d/pk_XXXXXXXX/elallas?lang=hu" target="_blank" rel="noopener" style="display:inline-block;padding:12px 22px;border-radius:8px;background:#268F3B;color:#ffffff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none">Elállás a szerződéstől</a>- Helyezd el jól láthatóan — például a láblécben és a rendelés-visszaigazoló oldalon —, és a teljes elállási időszak alatt maradjon elérhető. A saját kulcsoddal kész kódot a fiókodban, a Beágyazás oldalon találod.
- A beküldött nyilatkozatok a fiókodban, a „Beérkezett elállási nyilatkozatok” listában jelennek meg; a vásárló a webshopod nevében kap visszaigazolást, te értesítést.
- Ahol HTML nem tehető be, hivatkozz közvetlenül az űrlap címére (pl. menüpontként); az űrlap ugyanezzel a címmel iframe-be is betehető.
3. Platformonként
A menüpontok neve a platform verziójától és a sablontól függően eltérhet. Ahol egyéni HTML elhelyezhető, ott a beágyazó kód működik; ahol nem, ott a keret vagy a közvetlen link a megoldás.
WordPress / WooCommerce
- Hozz létre egy oldalt (Oldalak → Új oldal), például „ÁSZF” címmel.
- A blokkszerkesztőben adj hozzá egy „Egyéni HTML” blokkot, és illeszd be a beágyazó kódot. Elementorban a HTML widgetet használd.
- WooCommerce-ben jelöld ki ezt az oldalt: WooCommerce → Beállítások → Haladó → Oldalbeállítások → Általános szerződési feltételek. Az adatvédelmi oldalt a Beállítások → Adatvédelem menüpontban adhatod meg.
- Ha a dokumentum nem jelenik meg: gyorsító bővítmény (például WP Rocket, LiteSpeed, Autoptimize) késleltetheti a scriptet — vedd fel a beágyazó script címét a kivételek közé. A scriptet tartalmazó blokkot adminisztrátori jogosultsággal mentsd.
Shopify
- Hozz létre egy oldalt: Online áruház → Oldalak → Oldal hozzáadása.
- A beágyazó kódot a téma szerkesztőjében (Témák → Testreszabás) az oldal sablonjához adott „Egyéni Liquid” szekcióba illeszd — a szöveges szerkesztő a scriptet kiszűrheti.
- Vedd fel az oldalt a lábléc menüjébe (Online áruház → Navigáció).
- A Beállítások → Szabályzatok mezőibe kód nem tehető: ide rövid szöveg kerüljön a közvetlen linkkel.
Shoprenter
- Hozd létre vagy szerkeszd az ÁSZF és az adatvédelmi tájékoztató információs oldalát.
- A szerkesztőben válts forráskód (HTML) nézetre, és illeszd be a beágyazó kódot.
- Ha a szerkesztő a scriptet nem engedi, használd a keretet (iframe) vagy a közvetlen linket.
- Ellenőrizd, hogy a vásárlási folyamatban elfogadtatott ÁSZF erre az oldalra mutat.
UNAS
- Hozd létre vagy szerkeszd az ÁSZF és az adatvédelmi tájékoztató tartalomoldalát.
- A szerkesztő HTML-módjában illeszd be a beágyazó kódot.
- Ha a script nem engedélyezett, használd a keretet (iframe) vagy a közvetlen linket.
- Ellenőrizd, hogy a rendelési folyamat ÁSZF-hivatkozása erre az oldalra mutat.
Wix
- Az oldalon: Hozzáadás → Beágyazott kód → HTML beágyazása; „Kód” módban illeszd be a beágyazó kódot, és húzd a dobozt kellően magasra.
- A Wix ezt a kódot saját keretben futtatja, ezért a dokumentum rögzített méretű dobozban, saját görgetéssel jelenik meg. Hosszú dokumentumnál a közvetlen link (például a lábléc menüjében) gyakran egyszerűbb.
- Ha engedélyezett domaineket adtál meg, a Wix-keretből érkező kérés nem a te domainedről jön — ilyenkor hagyd üresen a listát, vagy használd a közvetlen linket.
4. Hasznos tudnivalók
- Mi történik, ha frissül egy dokumentum?
- A beágyazó kód, a keret és a közvetlen link mindig a legutóbb publikált verziót mutatja — neked nincs teendőd.
- Mi történik, ha lejár az előfizetés?
- A dokumentum helyén egy rövid tájékoztató jelenik meg. Megújítás után a dokumentum azonnal visszakerül.
- Honnan tudom, hogy működik a beágyazás?
- A rendszer figyeli a dokumentum betöltéseit. Ha egy publikált dokumentumot hosszabb ideig nem töltenek be a weboldaladról (például egy sablonváltás után kikerült a kód), értesítést kapsz.
- Kell-e a cookie-tájékoztatómban említenem?
- A beágyazás nem helyez el sütit és nem tárol adatot a látogató böngészőjében. A dokumentum betöltésekor a látogató böngészője a SimpLEGAL szerveréhez fordul — erről elég egy rövid tájékoztató mondat.
- Angol nyelvű oldalam is van.
- Ha az angol változat is elkészült, ugyanezt a kódot használd data-lang="en" értékkel, illetve a linkben ?lang=en paraméterrel.
Még nincs fiókod? Regisztrálj, és néhány perc alatt elkészülnek a dokumentumaid.
Regisztráció