Inbäddning

Ditt pussel, på din sida, med ditt namn på.

En iframe lägger aktiviteten direkt på din sajt, i ditt CMS eller LMS. White label — inga sidhuvuden, inga sidfötter, ingen Puzzel-logga inuti ramen.

Fungerar i alla CMS och LMS Ingen Puzzel-logga i ramen Resultaten följs ändå upp

iframe · 600px × 900px Korsord

Ingenting i ramen säger Puzzel. 600px × 900px

Paket Inbäddning ingår i alla betalda prenumerationer. Se paketen

Verktyg för inbäddningskod

Ställ in här, klistra in där.

1 · Vilken aktivitet

2 · Ramstorlek

Bredd Höjd

Responsiv bredd

Ramen fyller sin behållare — 100% bredd i stället för fasta pixlar

Fast bredd. Slå på responsiv bredd om din sida måste fungera i mobilen.

3 · Förhandsgranska utseendet

Färgerna kommer från aktivitetens egna designinställningar, så pusslet läses som en del av din sajt.

Din inbäddningskod

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

Justera bredd och höjd fritt — 100% är också ett giltigt värde.

Redigera aktiviteten senare så uppdaterar sig varje sida som bäddar in den.

Det här kodavsnittet använder en riktig exempelaktivitet, så du kan klistra in det direkt.

Steg 1

Gör den som vanligt i redigeraren. Knappen 'Använd min aktivitet' ger dig inbäddningskoden — du rör aldrig någon fil.

Steg 2

Välj den storlek som passar din layout och lägg in kodavsnittet i sidans HTML.

Steg 3

Utforma aktiviteten i redigeraren — dess färger och typsnitt följer med in i ramen, så att den läses som en del av din sajt.

Testa innan du prenumererar

Lägg in det här på en testsida för att se hur ramen beter sig i din layout. Det är ett riktigt, spelbart pussel — inget konto behövs.

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

Testat i

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Blockerat av ditt CMS? Klistra in kodavsnittet i ett HTML- eller inbäddningsblock i stället för i ett formaterat textfält.

Ser spelarna Puzzel över huvud taget?

Nej. Den inbäddade aktiviteten är white label — ingen logga, inget sidhuvud, ingen sidfot. Din sida är hela upplevelsen.

Tänk om pusslet blir avklippt?

Öka höjden, eller använd 100% bredd så att ramen följer din kolumn i stället för ett fast pixelvärde.

Fungerar det i mobilen?

Ja. Med responsiv bredd flödar aktiviteten om, och pekskärmen fungerar precis som på puzzel.org.