Innbygging

Oppgaven din, på siden din, med navnet ditt på.

Én iframe legger aktiviteten rett inn på nettstedet ditt, CMS-et eller LMS-et. White label — ingen topptekst, ingen bunntekst, ingen Puzzel-merkevare inni rammen.

Lag innbyggingskoden min Prøv eksempelet først

Fungerer i alle CMS- og LMS-systemer Ingen Puzzel-merkevare i rammen Resultater følges fortsatt med

iframe · 600px × 900px Kryssord

Ingenting i rammen sier Puzzel. 600px × 900px

Plan Innbygging er inkludert i alle betalte abonnementer. Se planer

Innbyggingskodegenerator

Sett det opp her, lim det inn der.

1 · Hvilken aktivitet

2 · Rammestørrelse

Bredde Høyde

Responsiv bredde

Rammen fyller beholderen sin — 100% bredde i stedet for faste piksler

Fast bredde. Slå på responsiv bredde hvis siden din må fungere på mobil.

3 · Forhåndsvis utseendet

Fargene kommer fra aktivitetens egne stilinnstillinger, slik at oppgaven fremstår som en del av nettstedet ditt.

Innbyggingskoden din

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

Juster bredde og høyde fritt — 100% er også en gyldig verdi.

Rediger aktiviteten senere, så oppdaterer hver side som bygger den inn, seg selv.

Dette kodeutdraget bruker en ekte eksempelaktivitet, så du kan lime det inn med en gang.

Steg 1

Lag aktiviteten

Lag den som vanlig i editoren. Knappen «Bruk aktiviteten min» gir deg innbyggingskoden — du rører aldri en fil.

Steg 2

Kopier iframen

Angi størrelsen som passer layouten din, og legg kodeutdraget inn i HTML-en på siden din.

Steg 3

Gjør den til din egen

Style aktiviteten i editoren — fargene og skrifttypene følger med inn i rammen, slik at den fremstår som en del av nettstedet ditt.

Prøv før du abonnerer

Eksempelkryssord, gratis å lime inn

Legg dette inn på en testside for å se hvordan rammen oppfører seg i layouten din. Det er en ekte, spillbar oppgave — ingen konto nødvendig.

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

Testet i

Overalt hvor iframe er tillatt

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Blokkert av CMS-et ditt? Lim inn kodeutdraget i en rå HTML- eller innbyggingsblokk i stedet for et riktekstfelt.

Før du limer den inn i produksjon

Ser spillerne noe til Puzzel i det hele tatt?

Nei. Den innebygde aktiviteten er white label — ingen logo, ingen topptekst, ingen bunntekst. Siden din er hele opplevelsen.

Hva om oppgaven blir avskåret?

Øk høyden, eller bruk 100% bredde slik at rammen følger kolonnen din i stedet for en fast pikselverdi.

Fungerer det på mobil?

Ja. Med responsiv bredde formaterer aktiviteten seg på nytt, og berøringsinput fungerer på samme måte som på puzzel.org.