Upottaminen

Sinun pulmasi, sinun sivullasi, sinun nimelläsi.

Yksi iframe pudottaa aktiviteetin suoraan sivustollesi, CMS:ään tai LMS:ään. Ilman brändäystä — ei ylätunnisteita, ei alatunnisteita, ei Puzzel-brändäystä kehyksen sisällä.

Luo upotuskoodini Kokeile esimerkkiä ensin

Toimii missä tahansa CMS:ssä tai LMS:ssä Ei Puzzel-brändäystä kehyksessä Tulokset seurataan silti

iframe · 600px × 900px Sanaristikko

Kehyksessä ei lue missään Puzzel. 600px × 900px

Paketti Upottaminen sisältyy jokaiseen maksulliseen tilaukseen. Katso paketit

Upotuskoodin luontityökalu

Aseta se tässä, liitä se sinne.

1 · Mikä aktiviteetti

2 · Kehyksen koko

Leveys Korkeus

Responsiivinen leveys

Kehys täyttää säiliönsä — 100% leveys kiinteiden pikselien sijaan

Kiinteä leveys. Kytke responsiivinen leveys päälle, jos sivusi täytyy toimia puhelimissa.

3 · Esikatsele ulkoasua

Värit tulevat aktiviteetin omista tyyliasetuksista, joten pulma näyttää osana sivustoasi.

Upotuskoodisi

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

Säädä leveyttä ja korkeutta vapaasti — myös 100% on kelvollinen arvo.

Muokkaa aktiviteettia myöhemmin, niin jokainen sen upottava sivu päivittyy itsestään.

Tämä koodinpätkä käyttää oikeaa esimerkkiaktiviteettia, joten voit liittää sen heti.

Vaihe 1

Rakenna aktiviteetti

Tee se tavalliseen tapaan editorissa. 'Käytä aktiviteettiani' -painike antaa sinulle upotuskoodin — et koskaan koske tiedostoon.

Vaihe 2

Kopioi iframe

Aseta asetteluusi sopiva koko ja liitä koodinpätkä sivusi HTML:ään.

Vaihe 3

Tee siitä omasi

Tyylittele aktiviteetti editorissa — sen värit ja fontit siirtyvät kehykseen, joten se näyttää osana sivustoasi.

Kokeile ennen tilaamista

Esimerkkisanaristikko, vapaasti liitettävissä

Liitä tämä testisivulle nähdäksesi, miten kehys käyttäytyy sivusi asettelussa. Se on oikea, pelattava pulma — tiliä ei tarvita.

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

Testattu

Missä tahansa, missä iframe on sallittu

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Estääkö CMS:si sen? Liitä koodinpätkä raakaan HTML- tai upotuslohkoon tekstikentän sijaan.

Ennen kuin liität sen livenä

Näkevätkö pelaajat Puzzelia lainkaan?

Ei. Upotettu aktiviteetti on brändäämätön — ei logoa, ei ylätunnistetta, ei alatunnistetta. Sivusi on koko kokemus.

Entä jos pulma leikkautuu?

Kasvata korkeutta, tai käytä 100% leveyttä, jotta kehys seuraa saraketta kiinteän pikseliarvon sijaan.

Toimiiko se puhelimissa?

Kyllä. Responsiivisella leveydellä aktiviteetti mukautuu, ja kosketussyöte toimii samoin kuin puzzel.org-sivustolla.