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.

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=-N7G3WdPBEnNh4jW6-Q7' 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 ju ako zvyčajne v editore. Tlačidlo 'Použiť moju aktivitu' ti dá kód na vloženie — so žiadnym súborom nemusíš nič robiť.

Krok 2

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

Krok 3

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

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/cs/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Otestované v

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.

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.