Funkce Vkládání

Vkládání

Tvůj hlavolam, na tvé stránce, s tvým jménem.

Jeden iframe vloží aktivitu přímo do tvého webu, CMS nebo LMS. Bez cizí značky — žádné hlavičky, žádné patičky, žádné logo Puzzel uvnitř rámu.

Vytvořit můj kód pro vložení Nejdřív vyzkoušet ukázku

Funguje v jakémkoli CMS nebo LMS Žádné logo Puzzel v rámu Výsledky se pořád sledují

iframe · 600px × 900px Křížovka

V rámu nikde nestojí Puzzel. 600px × 900px

Tarif Vkládání je součástí každého placeného předplatného. Zobrazit tarify

Generátor kódu pro vložení

Nastav to tady, vlož to tam.

1 · Jaká aktivita

2 · Velikost rámu

Šířka Výška

Responzivní šířka

Rám vyplní svůj kontejner — šířka 100% místo pevných pixelů

Pevná šířka. Pokud má stránka fungovat i na mobilech, zapni responzivní šířku.

Tvůj kód pro vložení

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

Šířku a výšku uprav podle potřeby — platnou hodnotou je i 100%.

Uprav aktivitu později a každá stránka, která ji má vloženou, se sama aktualizuje.

Tento úryvek kódu používá skutečnou ukázkovou aktivitu, takže ho můžeš vložit hned teď.

Krok 1

Vytvoř aktivitu

Vytvoř ji jako obvykle v editoru. Sdílet → Vložit na web ti dá kód pro vložení — souboru se nikdy nedotkneš.

Krok 2

Zkopíruj iframe

Nastav velikost, která sedí tvému rozvržení, a vlož úryvek kódu do HTML své stránky.

Krok 3

Udělej si to po svém

Nastyluj aktivitu v editoru — její barvy a písma se přenesou i do rámu, takže bude působit jako součást tvého webu.

Vyzkoušej, než si předplatíš

Ukázková křížovka, volně k vložení

Vlož tohle na testovací stránku a uvidíš, jak se rám chová v tvém rozvržení. Je to skutečný, hratelný hlavolam — bez potřeby účtu.

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

Otestováno v

Kdekoli, 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 tvůj CMS? Vlož úryvek kódu do bloku pro čisté HTML nebo vložený obsah místo pole s formátovaným textem.

Komunikuj s aktivitou z vlastní stránky Jakmile je vložená na tvojí stránce, může ta stránka dostat hráčovo skóre a postup, dozvědět se, v okamžiku kdy skončí, a resetovat aktivitu pro další pokus.

Nápady na aktivity

Všechny nápady →

Kolo štěstí Premium

Kolo štěstí s cenami

Jedno roztočení na návštěvníka, výseče velké podle tebe, výsledek zobrazený velkým písmem a konfety jen na hlavní výhru.

Osmisměrka

Osmisměrka se slosováním

Zbylá písmena skládají kód do slosování. Přidej na konec registrační formulář a hlavolam se stane vstupenkou do soutěže.

Švédská křížovka

Hlavolam do newsletteru

Švédská křížovka na poslední stranu firemního e-mailu. Definice jsou přímo v mřížce a očíslovaná políčka skládají slovo, které čtenáři posílají zpátky.

Kvíz

Jaký typ jsi?

Žádné správné odpovědi, jen výsledek o hráči. Každá odpověď ho posune po jedné škále a to, kde skončí, je jeho výsledek.

Než to vložíš naostro

Vidí hráči Puzzel vůbec?

Ne. Vložená aktivita nemá cizí značku — žádné logo, žádnou hlavičku, žádnou patičku. Celý zážitek je tvoje stránka.

Co když je hlavolam useknutý?

Zvyš výšku, nebo použij šířku 100%, aby rám sledoval tvůj sloupec místo pevné hodnoty v pixelech.

Funguje to na mobilech?

Ano. S responzivní šířkou se aktivita přeuspořádá a dotykové ovládání funguje stejně jako na puzzel.org.