Suchsel auf der eigenen Webseite einbetten

So sieht es aus

Das Rätsel unten ist genau so eingebettet, wie Ihres es sein wird. Ziehen Sie über die Buchstaben, um ein Wort zu finden.

Der Code für dieses Beispiel

Zwei Teile: der Rahmen mit dem Rätsel und darunter ein ganz normaler Link. Der Link zeigt Ihren Lesern, woher das Rätsel stammt. Bitte lassen Sie ihn stehen, mehr verlangen wir nicht.

<iframe src="https://www.wordsearchstudio.org/de/embed/#Rc_BToNAEAbgd5nzJNvWYltu2zIsm-JAliVN2vSAKa0kBAy29mC8-QyePPoMvgAvZkDR2-TLn39mXuAZ3DHCGVzY1vW5yJscEEpw4dANJ3BBb9O79iOW7ElvI5Q20veJiGISzDqMfTIeSRLkrdWKZRJEhgUZGZEMmJhIJCGRtHId2yAQVhOpULdv2lsqYfTGDwPJvGUS1L4rLckqRZZEaA15HKXp0khBkQmMtkYbzwplU05WKmWpGBCu4O52QGV-zKoz4BRHCAkBzva4A1U02fGYA447_tO6KcoyAxz3zIOv28_qdGkugA7OEJKB66wL3-Dkp9npMGy_rjngYiiYdsjZ00PdVF3W-V_HRfl4zJsD4ATHPc87jrPqkAGOfqN9a1xUp0tRdQfM_w-wxSlvAG-H1_roNr9vMsAZLvqgs9-_fgM" title="Zootiere" width="100%" height="800" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/de/">Suchsel erstellt mit Word Search Studio</a></p>

Den Code für das eigene Rätsel holen

Erstellen Sie Ihr Suchsel im Generator und klicken Sie auf „Einbetten“: Sie erhalten sofort den fertigen Code. Oder fügen Sie hier den Teilen-Link eines Rätsels ein (der Link von „Link kopieren“), dann erscheint der Code darunter.

Den ganzen Generator einbetten

Sollen Ihre Besucher selbst ein Suchsel erstellen können? Dieser Rahmen zeigt den kompletten Generator: Wörter eintippen, Form wählen, das Ergebnis ausdrucken oder als PDF speichern. Auf Ihrer Seite wird nichts gespeichert.

Der Code für den Generator

<iframe src="https://www.wordsearchstudio.org/de/embed/maker/" title="Suchsel-Generator" width="100%" height="1100" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/de/">Suchsel-Generator von Word Search Studio</a></p>

In drei Schritten das eigene Suchsel einbetten

1. Suchsel erstellen

   Tippen Sie Ihre Wörter in den Generator, wählen Sie Schwierigkeit und Form und ergänzen Sie auf Wunsch ein Lösungswort.

2. Auf „Einbetten“ klicken

   Der Knopf steht neben „Link kopieren“. Er zeigt den fertigen Code für genau dieses Rätsel.

3. Code kopieren und in die Seite einfügen

   In der HTML-Ansicht Ihres Editors, in einem Block „Eigenes HTML“ oder im Codefeld Ihrer Lernplattform.

Wer Suchsel einbettet

• Lehrkräfte

  Vokabeln, Rechtschreibwörter oder eine Aufgabe für zwischendurch: das Rätsel auf die Klassenseite legen, und die Schülerinnen und Schüler lösen es auf ihren eigenen Geräten.

• Blogs und Magazine

  Ein Rätsel am Ende eines Beitrags hält Leser auf der Seite. Feiertage, Tiere, Essen oder Geschichte passen zu den meisten Blogs.

• Vereine, Gemeinden und Büchereien

  Ein Suchsel über den Ort, den Verein oder das Kirchenjahr für die Seite zum Rundbrief, oder ein Regentagsrätsel für die Kinderecke.

Wo es funktioniert

WordPress

Einen Block „Eigenes HTML“ hinzufügen und den Code einfügen.

Google Sites

Einfügen, dann Einbetten, dann „Einbettungscode“ wählen und den Code einfügen.

Moodle

Die HTML-Ansicht (Knopf <>) einer Textseite oder eines Textfelds öffnen und den Code einfügen. Entfernt Ihre Moodle-Installation Rahmen, fragen Sie die Administration oder nehmen Sie stattdessen den Teilen-Link.

Google Classroom

Beiträge in Classroom zeigen keine eingebetteten Rahmen. Hängen Sie den Teilen-Link an die Aufgabe, die Schüler öffnen das Rätsel mit einem Tipp.

Wix, Squarespace und andere

Das Element „HTML einbetten“ oder den Code-Block nehmen und den Code einfügen.

Größe

Der Rahmen nutzt die volle Breite der Spalte, höchstens 900 Pixel. Ein Rätsel braucht etwa 800 Pixel Höhe, der Generator etwa 1.100. Auf breiten Seiten steht die Wortliste neben dem Gitter, auf schmalen darunter. Brauchen Sie mehr oder weniger Platz, ändern Sie die Zahl hinter height=.

Optional: passende Höhe

Erlaubt Ihre Seite Skripte, stellt dieser Schnipsel den Rahmen genau auf die Höhe seines Inhalts ein. Einmal irgendwo auf der Seite einfügen. Für den Generator ist er empfehlenswert, denn seine Höhe hängt von der Bildschirmbreite ab.

<script>
addEventListener('message', function (e) {
  if (e.origin !== 'https://www.wordsearchstudio.org' || !e.data || !e.data.wsEmbedHeight) return;
  document.querySelectorAll('iframe').forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = e.data.wsEmbedHeight + 'px';
  });
});
</script>

Datenschutz: nichts, was Ihren Cookie-Banner betrifft

Die eingebettete Ansicht setzt keine Cookies, speichert nichts im Browser der Besucher, misst nichts und lädt nichts von anderen Firmen nach. Schriften und Skripte kommen von unserem eigenen Server, und das Rätsel selbst wird nur im Browser der Besucher gelesen. Wie bei jedem Rahmen erhält unser Server beim Laden die üblichen Verbindungsdaten (etwa die IP-Adresse); Einzelheiten stehen in unserer Datenschutzerklärung. Datenschutzerklärung

Häufige Fragen