Einbetten

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

Ein iframe setzt die Aktivität direkt in deine Seite, dein CMS oder dein LMS. White Label — keine Kopfzeile, keine Fußzeile, kein Puzzel-Branding im Rahmen.

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.

3 · Aussehen in der Vorschau

Die Farben kommen aus den Stil-Einstellungen der Aktivität, das Rätsel wirkt also wie ein Teil deiner Seite.

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

Mach sie wie gewohnt im Editor. Der Button 'Meine Aktivität verwenden' gibt dir den Einbettungscode — du fasst nie eine Datei an.

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

Setz das auf eine Testseite und sieh, wie sich der Rahmen in deinem Layout verhält. Es ist ein echtes, spielbares Rätsel — ganz ohne Konto.

<div>
<iframe src='https://puzzel.org/pt/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

Von deinem CMS blockiert? Füge den Schnipsel in einen reinen HTML- oder Einbettungsblock ein statt in ein Rich-Text-Feld.

Bevor du es live einfügst

Sehen Spieler überhaupt etwas von Puzzel?

Nein. Die eingebettete Aktivität ist White Label — kein Logo, keine Kopfzeile, keine Fußzeile. Deine Seite ist das ganze Erlebnis.

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.