Diese Seite ist in Deutsch. Möchtest du sie in English ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Français ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Español ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Português ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Italiano ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in 日本語 ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in 한국어 ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Nederlands ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in Türkçe ansehen?

Diese Seite ist in Deutsch. Möchtest du sie in العربية ansehen?

Für Blogs und Redaktionen

Ein fertiges Quiz für deine Leser

Du suchst eine Content-Idee, die mehr ist als ein weiterer Beitrag? Zwölf Fragen über einen lieben Menschen, in einer Minute gespielt, und am Ende bekommen deine Leser ein Geschenk zum Ausdrucken.

Interaktive Inhalte halten Leser länger auf der Seite, geben dir einen Anlass zu Muttertag, Weihnachten oder jedem Beitrag über Familie, und kosten dich nichts: kein Konto, keine Einrichtung, ein Code zum Einsetzen.

  • Kostenlos, ohne Konto
  • In deinen Farben, mit deinem Logo
  • In einer Minute eingebaut
Quiz zusammenstellen

Elf Sprachen. Keine Werbung, kein Verfolgen deiner Leser.

Schritt 1: Stell dein Quiz ein

Deine Farbe

Eine Farbe genügt. Das ganze Quiz nimmt sie an, vom Knopf bis zur feinen Linie.

#ac5028
Dein Logo

Es erscheint oben rechts im Quiz. Lade ein Bild hoch oder gib die Adresse eines Bildes auf deiner Seite an.

PNG, JPG oder WebP, höchstens 500 KB.

Vorschau

Quiz von FamilyStories

Schritt 2: Hol dir den Code

Code zum Einbetten

Kopiere ihn und füge ihn dort ein, wo das Quiz stehen soll.

<div class="familystories-quiz" style="max-width:680px;margin:0 auto">
  <iframe
    src="https://familystories.love/embed/quiz/v1/family/de"
    title="Wie gut kennst du deine Familie wirklich?"
    width="100%" height="760" loading="lazy"
    allow="clipboard-write; web-share"
    referrerpolicy="strict-origin-when-cross-origin"
    style="display:block;width:100%;max-width:100%;border:0;border-radius:24px 24px 0 0"
  ></iframe>
  <p style="margin:0;padding:10px 24px;border:1px solid #e0d5c5;border-top:0;border-radius:0 0 24px 24px;background:#fffdf8;color:#7b6e5b;font:11px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;text-align:end">Quiz von <a href="https://familystories.love/de#quiz" style="color:#874d3a;font-weight:700;text-decoration:none">FamilyStories</a></p>
</div>

Lieber nur ein Link?

Dann verlinke das Quiz einfach. Deine Leser spielen es bei uns und bekommen ihr Geschenk genauso.

Lieber von einem KI-Assistenten einbauen lassen?

Kopier diesen Auftrag und gib ihn deinem Assistenten. Er enthält deinen fertigen Code.

Was du bekommst

  • Kostenlos, ohne Konto, ohne Anmeldung und ohne Ablaufdatum.

  • Keine Werbung, kein Verfolgen deiner Leser, keine Cookies von uns.

  • Sieht auf dem Handy genauso gut aus wie am großen Bildschirm.

  • Im Quiz selbst erscheint FamilyStories erst auf der letzten Seite.

  • Elf Sprachen. Deine Leser wählen selbst, in welcher sie spielen.

  • Unter dem Quiz steht die Zeile Quiz von FamilyStories. Sie gehört dazu und bleibt stehen.

So baust du es ein

In den meisten Systemen dauert es weniger als eine Minute. Die Menüs heißen je nach Anbieter und Tarif etwas anders, und manche Anbieter erlauben eigenen Code erst ab bestimmten Tarifen.

  1. WordPress

    Block hinzufügen, nach Individuelles HTML suchen, Code einfügen, Beitrag aktualisieren.

  2. Wix

    Hinzufügen, dann Einbetten, dann HTML einbetten. Code einfügen und den Rahmen auf die passende Größe ziehen.

  3. Squarespace

    Block hinzufügen, Code wählen, Code einfügen und HTML als Format stehen lassen.

  4. Jimdo

    Element hinzufügen, weitere Elemente, dann Widget oder HTML. Code einfügen und speichern.

  5. Blogger

    Im Beitrag von Verfassen auf HTML umschalten, Code an die gewünschte Stelle setzen, zurückschalten.

  6. Ghost

    Im Editor eine neue Karte hinzufügen, HTML wählen und den Code einfügen.

  7. Webflow

    Ein Embed-Element auf die Seite ziehen, Code einfügen, veröffentlichen.

  8. Typo3

    Im Backend ein Inhaltselement vom Typ Reiner HTML-Text anlegen und den Code einfügen.

  9. Shopify

    Im Seiteneditor auf den Code-Modus umschalten und den Code an die gewünschte Stelle setzen.

Häufige Fragen

Was kostet das Quiz-Widget?

Nichts. Es gibt kein Konto, keine Anmeldung, keinen Tarif und kein Ablaufdatum. Du kopierst den Code und das Quiz läuft auf deiner Seite.

Wie binde ich das Quiz in WordPress ein?

Füge im Beitrag einen Block vom Typ Individuelles HTML hinzu und setze den kopierten Code hinein. In Wix, Squarespace, Jimdo, Blogger, Ghost, Webflow, Typo3 und Shopify heißt der passende Block Einbetten, Code oder HTML.

Sehen meine Leser Werbung oder werden sie verfolgt?

Nein. Das Quiz zeigt keine Werbung, setzt keine Cookies von uns und verfolgt niemanden. Am Ende werden nur die Punktzahl und das gewählte Land anonym gezählt, damit der Vergleich funktioniert.

Kann ich die Farben an mein Design anpassen?

Ja, du wählst eine Farbe, und das ganze Quiz nimmt sie an, von den Knöpfen bis zu den feinen Linien. Dazu kannst du dein Logo hochladen, es erscheint oben rechts im Quiz.

In welchen Sprachen gibt es das Quiz?

In elf: Deutsch, Englisch, Französisch, Spanisch, Portugiesisch, Italienisch, Niederländisch, Türkisch, Japanisch, Koreanisch und Arabisch. Deine Leser wählen im Quiz selbst.

Muss die Zeile unter dem Quiz stehen bleiben?

Ja, die Zeile Quiz von FamilyStories gehört zum Widget. Dafür erscheint FamilyStories im Quiz selbst erst auf der letzten Seite und stört deine Leser nicht.

Fragen?

Schreib uns. Wir helfen beim Einbauen, stellen die Farbe für dich ein oder schicken dir den fertigen Code.

support@familystories.love