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.

3 · Nézd meg a megjelenést

A színek a tevékenység saját megjelenési beállításaiból jönnek, így a rejtvény az oldalad részének látszik.

A beágyazókódod

<div>
<iframe src='https://puzzel.org/hu/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' 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

Csináld a szerkesztőben a szokásos módon. A 'Használom a tevékenységemet' gomb adja a beágyazókódot — fájlhoz hozzá sem 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/da/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' 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.

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.