Beágyazás

A rejtvényed, a te oldaladon, a te neveddel.

Egyetlen iframe egyenesen az oldaladba, a CMS-edbe vagy az LMS-edbe teszi a tevékenységet. White label — nincs fejléc, nincs lábléc, és a kereten belül nincs Puzzel-embléma.

Beágyazókód készítése Előbb próbáld ki a mintát

Bármelyik CMS-ben vagy LMS-ben működik A keretben nincs Puzzel-embléma Az eredmények követése ekkor is működik

iframe · 600px × 900px Keresztrejtvény

A keretben semmi nem utal a Puzzel.org-ra. 600px × 900px

Csomag A beágyazás minden fizetős előfizetés része. Csomagok megtekintése

Beágyazókód-készítő

Állítsd be itt, illeszd be ott.

1 · Melyik tevékenység

2 · Keretméret

Szélesség Magasság

Rugalmas szélesség

A keret kitölti a tárolóját — 100% szélesség rögzített képpontok helyett

Rögzített szélesség. Kapcsold be a rugalmas szélességet, ha az oldaladnak telefonon is működnie kell.

A beágyazókódod

<div>
<iframe src='https://puzzel.org/hu/crossword/embed?p=-P2qR9w5aQ_w-Guj2EIt' width='600' height='900' frameborder='0'>
</iframe></div>

A szélességet és a magasságot szabadon állíthatod — a 100% is érvényes érték.

Ha később szerkeszted a tevékenységet, minden oldal magától frissül, amelyik beágyazta.

Ez a kódrészlet egy valódi mintatevékenységet használ, így akár most rögtön beillesztheted.

Lépés 1

Készítsd el a tevékenységet

Készítsd el a szokásos módon a szerkesztőben. A Megosztás → Beágyazás weboldalba megadja a beágyazókódot — fájlhoz sosem kell nyúlnod.

Lépés 2

Másold ki az iframe-et

Állítsd be az elrendezésedhez illő méretet, és illeszd a kódrészletet az oldalad HTML-jébe.

Lépés 3

Tedd a magadévá

Alakítsd a tevékenység megjelenését a szerkesztőben — a színek és a betűtípusok átjönnek a keretbe, így az oldalad részének látszik.

Próbáld ki előfizetés előtt

Minta keresztrejtvény, szabadon beilleszthető

Illeszd be egy tesztoldalra, és nézd meg, hogyan viselkedik a keret az elrendezésedben. Valódi, játszható rejtvény — fiók sem kell hozzá.

<div>
<iframe src='https://puzzel.org/nl/crossword/embed?p=-P2qQrmPKrXZSRvV1VOV' width='600' height='900' frameborder='0'>
</iframe></div>

Tesztelve itt

Bárhol, ahol az iframe engedélyezett

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

A CMS-ed blokkolja? Illeszd a kódrészletet nyers HTML- vagy beágyazásblokkba a formázott szövegmező helyett.

Kommunikálj a tevékenységgel a saját oldaladról Amint az oldaladba került, az az oldal megkaphatja a játékos pontszámát és előrehaladását, értesülhet róla, amint befejezi, és egy újabb próbához nullázhatja a tevékenységet.

Tevékenységötletek

Minden ötlet →

Szerencsekerék Prémium

Nyereménykerék

Egy pörgetés látogatónként, olyan nagy szeletekkel, amilyeneket te választasz, nagyban megjelenő eredménnyel, és konfetti csak a főnyereménynél.

Szókereső

Nyereményjátékos szókereső

A megmaradt betűk kiadják a nyereményjáték kódját. Adj hozzá egy jelentkezési űrlapot a végén, és a rejtvény lesz a belépőjegy.

Svédrejtvény

Hírlevélrejtvény

Egy svédrejtvény a munkatársi hírlevél hátsó oldalára. A meghatározások a rácsban helyezkednek el, a számozott cellák pedig kiadják a szót, amit az olvasók beküldenek.

Quiz Prémium

Te melyik típus vagy?

Nincsenek helyes válaszok, csak egy eredmény a játékosról. Minden válasz elmozdítja egy skálán, és hogy hova érkezik, az lesz az eredménye.

Mielőtt élesben beilleszted

Látják egyáltalán a játékosok a Puzzel.org-ot?

Nem. A beágyazott tevékenység white label — nincs logó, nincs fejléc, nincs lábléc. A teljes élmény a te oldalad.

Mi van, ha a rejtvény levágódik?

Növeld a magasságot, vagy használj 100% szélességet, hogy a keret a hasábodat kövesse rögzített képpontérték helyett.

Működik telefonon?

Igen. Rugalmas szélesség mellett a tevékenység újratördelődik, az érintéses kezelés pedig ugyanúgy működik, mint a puzzel.org oldalon.