Quiz-Block
Ein bewertetes Quiz mit mehreren Fragen: Füge einen Quiz-Block hinzu und lege dann Quizfrage-Kinder darunter ab, jede mit eigenen Multiple-Choice-Optionen und einer richtigen Antwort. Es ist das Werkzeug des Studios für Lead-Scoring-Quizze, Wissenstests und persönlichkeitsartige „Was ist dein Ergebnis“-Sendungen, bei denen das Resultat tatsächlich davon abhängt, was der Empfänger antwortet.
Wie es funktioniert
Anders als bei Abstimmung und Bewertung gibt es beim Quiz keinen link-basierten Tier-2-Fallback — eine Kombination aus mehreren Fragen und mehreren Optionen lässt sich nicht als Menge einfacher GET-Links aufzählen, wie es bei einer einzelnen Abstimmungsstimme möglich ist. Der einzige interaktive Pfad des gemailten HTML ist daher ein echtes In-E-Mail-<form method="post">, das direkt an den Interaktions-Endpunkt von MailInApp sendet, eingebettet in eine rein kinetische Ebene. Jede Frage wird als beschriftete Radio-Gruppe gerendert, und das Absenden übermittelt alle Antworten in einem Schritt, ohne das Postfach zu verlassen. Überall dort, wo dieses kinetische Formular per CSS verborgen ist (Outlook oder ein beliebiger Client, der kein In-E-Mail-Formular absenden kann), zeigt die E-Mail stattdessen einen einzigen, immer sichtbaren „Quiz starten“-Button, der dasselbe Quiz auf der gehosteten Live-Ansicht öffnet. Dort ist die Live-Ansicht-Seite selbst das Quiz, sodass sie nur das reine, funktionierende Formular ohne zusätzlichen umgebenden Button rendert.
Die Bewertung erfolgt vollständig serverseitig. Beim Absenden liest der Interaktions-Endpunkt den eigenen Antwortschlüssel des Quiz-Blocks aus dem gespeicherten Baum des Projekts erneut ein und prüft jede übermittelte Antwort dagegen — einer clientseitig gemeldeten Punktzahl wird nie vertraut. Das Ergebnis wird als { answers, score, total, bucket } in das Ereignis geschrieben, wobei bucket je nachdem, ob (correct / total) * 100 den konfigurierten Bestehens-Score des Blocks erreicht hat, "pass" oder "fail" ist.
Wenn du eine Weiterleitung nach dem Absenden zu einem Pfad auf der Live-Ansicht festlegst, trägt diese Weiterleitung Score und Gesamtzahl als Query-Parameter zurück. Die Ergebnisseite kann dann ein Ergebnis-Banner anzeigen — die von dir konfigurierte Bestanden/Nicht-bestanden-Nachricht statt eines generischen Dankeschöns. Bleibt die Weiterleitung leer (oder wird etwas festgelegt, das kein seitenrelativer, mit / beginnender Pfad ist), greift die eigene Standard-Ergebnisseite des Quiz-Blocks.
Falls die Umfrage des Projekts geschlossen ist (ein Enddatum oder eine Antwortobergrenze erreicht), rendert der Quiz-Block stattdessen seinen Titel und den Prompt jeder Frage als reinen, nicht interaktiven Text, mit dem Hinweis „Diese Umfrage nimmt keine neuen Antworten mehr an“. Diese Prüfung erfolgt nur auf der gehosteten Live-Ansicht, da gemailtes HTML zum Sendezeitpunkt statisch ist und nie schließt.
Konfigurierbare Felder am Quiz-Block selbst:
- Titel und Absenden-Label (Standard „Mein Ergebnis anzeigen“) — plus die eigene Farbe und Schriftgröße des Titels.
- Bestehens-Score — der minimale Prozentsatz korrekter Antworten (0–100), den ein Empfänger für den „Bestanden“-Bucket braucht.
- Nachricht bei Bestehen / Nachricht bei Nichtbestehen — die beiden Ergebnistext-Blöcke, die je nach berechnetem Bucket angezeigt werden.
- Weiterleitung nach dem Absenden — ein optionaler seitenrelativer Pfad, an den der Empfänger nach der Bewertung geschickt wird; siehe oben, wie Score/Gesamtzahl dabei mitgegeben werden.
- Hintergrundfarbe, Innenabstand, Rahmen, Rahmenradius der Karte.
- Textstil-Überschreibungen für Titel, Fragetext, Antwortoptionen, den Absenden-Button und jede Ergebnisnachricht unabhängig voneinander.
Jedes Quizfrage-Kind trägt einen eigenen Frage-Text, eine Liste von Optionen und eine richtige Antwort, die exakt (Groß-/Kleinschreibung beachtend, wortwörtlich) mit einer der Optionen übereinstimmen muss — eine Abweichung bedeutet, dass diese Frage nie als korrekt bewertet werden kann.
Beispiele
Subject
How well do you know our products? Take the quiz
Ein Softwareanbieter kann ein Lead-Scoring-Quiz „Wie hoch ist dein Automatisierungs-Reifegrad?“ hinter einer Bestehensschwelle betreiben, wobei die Bestanden-Nachricht qualifizierte Leads auf einen Demo-Buchungslink verweist und die Nicht-bestanden-Nachricht alle anderen stattdessen auf Nurturing-Inhalte lenkt. Siehe Engagement & Loyalität für mehr dazu, wie interaktive Inhalte zur Qualifizierung und Reaktivierung einer Liste genutzt werden. Ein Kursanbieter kann vor einer Live-Session einen kurzen Wissenstest versenden, damit Trainer wissen, wo die Gruppe steht. Ein persönlichkeitsartiges „Welche Produktlinie passt zu dir“-Quiz kann die Bestanden/Nicht-bestanden-Aufteilung als einfache Zwei-Wege-Verzweigung nutzen: Produkt A oberhalb der Schwelle empfehlen, Produkt B darunter. Das funktioniert ohne echte antwortbasierte Verzweigungslogik zu bauen, da der Text für jeden Bucket genau dafür gedacht ist, wofür die beiden Ergebnisnachrichten da sind.
So sieht der statische Fallback aus
<div style="margin:12px 0;background-color:transparent">
<p style="margin:0 0 10px;font-weight:700;font-size:18px;color:#111827">
Test your knowledge!
</p>
<!-- kinetic <form> posting to /api/interactions omitted — hidden from
Outlook and any client that can't post an in-email form -->
<div style="text-align:center;margin-top:8px">
<a href="https://mailinapp.com/v/eyJhbGci..."
style="display:inline-block;padding:10px 20px;background-color:#4f46e5;
color:#ffffff;border-radius:6px;text-decoration:none;
font-size:14px;font-weight:600">
Take the quiz
</a>
</div>
</div>
Das ist der immer sichtbare Fallback: ein einzelner Button zur gehosteten Live-Ansicht, wo dasselbe Quiz als echtes, funktionierendes <form> gerendert wird — es gibt keine Link-Ebene pro Frage oder pro Antwort, wie sie Abstimmung und Bewertung haben.