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.

Upotuskoodisi

<div>
<iframe src='https://puzzel.org/fi/crossword/embed?p=-P2qRF-dxEb9LpvuDp-k' 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. Jaa → Upota verkkosivulle 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/gr/crossword/embed?p=-P2qR62IO4WXDUt06V2V' 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.

Keskustele aktiviteetin kanssa omalta sivultasi Kun aktiviteetti on upotettu sivullesi, sivu voi vastaanottaa pelaajan pistemäärän ja etenemisen, saada tiedon heti, kun pelaaja on valmis, ja palauttaa aktiviteetin alkuun uutta kierrosta varten.

Aktiviteetti-ideat

Kaikki ideat →

Onnenpyörä Premium

Palkintopyörä

Yksi pyöräytys kävijää kohti, lohkot niin isoina kuin haluat, tulos näkyy suurena, ja konfettia vain pääpalkinnosta.

Sanasokkelo

Arvontasanasokkelo

Jäljelle jäävät kirjaimet muodostavat arvontakoodin. Lisää loppuun ilmoittautumislomake, niin pulmapeli toimii osallistumislippuna.

Kuvaristikko

Uutiskirjepulma

Ruotsalaistyylinen kuvaristikko henkilöstökirjeen takasivulle. Vihjeet ovat ruudukon sisällä, ja numeroidut ruudut muodostavat sanan, jonka lukijat lähettävät takaisin.

Tietovisa Premium

Millainen tyyppi olet?

Ei oikeita vastauksia, vain tulos pelaajasta. Jokainen vastaus siirtää häntä pitkin samaa asteikkoa, ja se, mihin hän pysähtyy, on hänen tuloksensa.

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.