Einbetten

Dein Rätsel, auf deiner Seite, mit deinem Namen darauf.

Mit einem iframe bettest du die Aktivität direkt in deine Website, dein CMS oder dein LMS ein. Kopfzeile, Fußzeile und Logo von Puzzel.org werden dabei nicht angezeigt.

Meinen Einbettungscode bauen Erst das Beispiel testen

Funktioniert in jedem CMS und LMS Kein Puzzel-Branding im Rahmen Ergebnisse werden weiter verfolgt

iframe · 600px × 900px Kreuzworträtsel

Nichts im Rahmen verrät Puzzel. 600px × 900px

Tarif Einbetten ist in jedem bezahlten Abo enthalten. Tarife ansehen

Einbettungscode-Generator

Hier einstellen, dort einfügen.

1 · Welche Aktivität

2 · Rahmengröße

Breite Höhe

Responsive Breite

Der Rahmen füllt seinen Container — 100% Breite statt fester Pixel

Feste Breite. Schalt die responsive Breite ein, wenn deine Seite auch auf Handys funktionieren muss.

Dein Einbettungscode

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

Pass Breite und Höhe frei an — 100% ist auch ein gültiger Wert.

Bearbeite die Aktivität später, und jede Seite, die sie einbettet, aktualisiert sich von selbst.

Dieser Schnipsel nutzt eine echte Beispielaktivität, du kannst ihn also sofort einfügen.

Schritt 1

Aktivität erstellen

Erstelle deine Aktivität wie gewohnt im Editor. Unter 'Mehr Optionen' → 'Einbettungscode' kannst du den Code kopieren. Du musst keine Dateien bearbeiten.

Schritt 2

iframe kopieren

Stell die Größe ein, die zu deinem Layout passt, und setz den Schnipsel in das HTML deiner Seite.

Schritt 3

Mach sie zu deiner

Gestalte die Aktivität im Editor — ihre Farben und Schriftarten wandern in den Rahmen mit, sodass sie wie ein Teil deiner Seite wirkt.

Testen, bevor du ein Abo abschließt

Beispiel-Kreuzworträtsel, kostenlos zum Einfügen

Füge dieses Beispiel auf einer Testseite ein, um zu sehen, wie es in dein Layout passt. Du kannst das Rätsel direkt spielen, auch ohne Konto.

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

Getestet in

Überall, wo ein iframe erlaubt ist

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Blockiert dein CMS den Code? Verwende einen HTML- oder Einbettungsblock statt eines normalen Textfelds mit Formatierung.

Bevor du es live einfügst

Sehen Spieler überhaupt etwas von Puzzel?

Nein. Die eingebettete Aktivität hat kein Logo, keine Kopfzeile und keine Fußzeile von Puzzel.org und fügt sich so in deine eigene Seite ein.

Was, wenn das Rätsel abgeschnitten ist?

Erhöhe die Höhe, oder nimm 100% Breite, damit der Rahmen deiner Spalte folgt statt einem festen Pixelwert.

Funktioniert das auf dem Handy?

Ja. Mit responsiver Breite passt sich die Aktivität an, und die Bedienung per Touch funktioniert genau wie auf puzzel.org.