Funkcie Vkladanie

Vkladanie

Tvoj hlavolam, na tvojej stránke, s tvojím menom.

Jeden iframe vloží aktivitu priamo do tvojho webu, CMS alebo LMS. White label — žiadne hlavičky, žiadne pätičky, žiadne logo Puzzel vnútri rámu.

Vytvoriť kód na vloženie Najprv vyskúšať ukážku

Funguje v každom CMS aj LMS Žiadne logo Puzzel v ráme Výsledky sa naďalej sledujú

iframe · 600px × 900px Krížovka

V ráme nie je nikde vidieť Puzzel. 600px × 900px

Plán Vkladanie je súčasťou každého plateného predplatného. Pozrieť plány

Tvorba kódu na vloženie

Tu si to nastav, tam to prilep.

1 · Ktorá aktivita

2 · Veľkosť rámu

Šírka Výška

Responzívna šírka

Rám vyplní svoj kontajner — 100% šírka namiesto pevných pixelov

Pevná šírka. Ak má tvoja stránka fungovať aj na telefónoch, zapni responzívnu šírku.

Tvoj kód na vloženie

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

Šírku a výšku uprav ľubovoľne — 100% je tiež platná hodnota.

Uprav aktivitu neskôr a každá stránka, ktorá ju má vloženú, sa aktualizuje sama.

Tento úryvok používa skutočnú ukážkovú aktivitu, takže ho môžeš prilepiť hneď teraz.

Krok 1

Vytvor aktivitu

Vytvor ju ako zvyčajne v editore. Zdieľať → Vložiť na web ti dá kód na vloženie — so žiadnym súborom nemusíš nič robiť.

Krok 2

Skopíruj iframe

Nastav veľkosť, ktorá sedí tvojmu rozloženiu, a vlož úryvok do HTML svojej stránky.

Krok 3

Sprav si to po svojom

Uprav vzhľad aktivity v editore — jej farby a písma sa prenesú do rámu, takže pôsobí ako súčasť tvojho webu.

Vyskúšaj to pred predplatným

Ukážková krížovka, prilep ju zadarmo

Vlož to do testovacej stránky a uvidíš, ako sa rám správa v tvojom rozložení. Je to skutočný, hrateľný hlavolam — bez účtu.

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

Otestované v

Všade, kde je povolený iframe

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Blokuje to tvoj CMS? Prilep úryvok do bloku s čistým HTML alebo do bloku na vkladanie namiesto poľa s formátovaným textom.

Komunikuj s aktivitou z vlastnej stránky Keď je aktivita na tvojej stránke, tá stránka môže dostať hráčovo skóre a postup, dozvedieť sa, kedy skončil, a reštartovať hraciu plochu na ďalšie kolo.

Nápady na aktivity

Všetky nápady →

Koleso šťastia Prémiové

Koleso s výhrami

Jedno roztočenie na návštevníka, veľkosť výsekov určíš ty, výsledok sa zobrazí veľkým písmom a konfety padajú len pri hlavnej výhre.

Osemsmerovka

Osemsmerovka so žrebovaním o ceny

Zvyšné písmená poskladajú kód do žrebovania. Pridaj na konci registračný formulár a hlavolam sa stane vstupenkou do súťaže.

Švédska krížovka

Hlavolam do newslettera

Švédska krížovka na poslednú stranu firemného newslettera. Definície sú priamo v mriežke a očíslované políčka skladajú slovo, ktoré čitatelia posielajú späť.

Kvíz Prémiové

Aký si typ?

Žiadne správne odpovede, len výsledok o hráčovi. Každá odpoveď ho posunie po jednej škále a to, kde skončí, je jeho výsledok.

Skôr než to prilepíš naostro

Uvidia hráči vôbec Puzzel?

Nie. Vložená aktivita je white label — žiadne logo, žiadna hlavička, žiadna pätička. Celý zážitok je tvoja stránka.

Čo ak je hlavolam orezaný?

Zvýš výšku alebo použi 100% šírku, aby sa rám riadil tvojím stĺpcom namiesto pevnej hodnoty v pixeloch.

Funguje to na telefónoch?

Áno. Pri responzívnej šírke sa aktivita preusporiada a dotykové ovládanie funguje rovnako ako na puzzel.org.