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.

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. Del → Bygg inn på et nettsted 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/ar/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.

Snakk med aktiviteten fra din egen side Når den ligger på siden din, kan siden få tilsendt spillerens poengsum og fremgang, få beskjed i det øyeblikket de er ferdige, og tilbakestille aktiviteten for en ny runde.

Aktivitetsideer

Alle ideer →

Lykkehjul Premium

Premiehjul

Ett snurr per besøkende, biter så store du selv bestemmer, resultatet vist stort, og konfetti bare på toppremien.

Ordjakt

Ordsøk med premietrekning

De gjenværende bokstavene staver koden til en utlodning. Legg til et påmeldingsskjema på slutten, så blir oppgaven selve deltakerbilletten.

Svenskekryssord

Nyhetsbrevoppgave

En svensk-stil oppgave for bakre side av personalmailen. Definisjonene ligger i rutenettet, og de nummererte rutene staver ordet leserne sender inn.

Quiz Premium

Hvilken type er du?

Ingen riktige svar, bare et resultat om spilleren. Hvert svar flytter dem ett steg langs en skala, og der de havner, er utfallet deres.

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.