Wie Sie ein Quiz auf Ihrer Website erstellen

Gehen Sie zur Blockbibliothek → die Kategorie Formular → wählen Sie den QZ101-Block oder eine seiner Varianten (QZ101A-QZ101F). Die Varianten unterscheiden sich im Design, in der Verfügbarkeit von Beratern und in der Antwortverzweigung.

Ein Quiz kann auf beiden Seiten der Seite positioniert werden (mit einstellbarer Breite in Spalten und Höhe in Pixeln), auf den ganzen Bildschirm gestreckt oder in einem Pop-up angezeigt werden.

Sie können dies in der Registerkarte Einstellungen → Haupteinstellungen des Quizblocks konfigurieren. Wenn die Option "Block in Pop-up öffnen" aktiviert ist, erscheint auf der Registerkarte "Einstellungen" eine zusätzliche Registerkarte mit den Pop-up-Einstellungen.

Auf der Registerkarte Haupteinstellungen können Sie außerdem festlegen, wie die Felder des Formulars angeordnet werden und ob der Berater Teil des Formulars sein soll.

Auf der Registerkarte "Stil des Quizformulars" können Sie das Design des Quizformulars selbst anpassen, einschließlich des Randradius, der Randfarbe und der Hintergrundfarben für die Karte und das Panel. Sie können auch das Aussehen von Elementen wie der Fortschrittsanzeige, dem Schrittzähler und den Komponenten des Beraterpanels anpassen.

Die anderen Registerkarten (Formulareingabestil, Schaltflächen, Typografie, Animation) haben ähnliche oder identische Einstellungen wie die in anderen Blöcken der Kategorie "Formular".

Um die Schritte des Quiz zu konfigurieren, gehen Sie auf die Registerkarte Inhalt des Blocks mit dem Quizformular → Registerkarte "Schritte des Quizformulars".

Ein Schritt steht für jede Frage oder jeden Bildschirm im Quiz. Der neue Block bietet mehrere Arten von Schritten:


Cover

Dies ist der erste Schritt des Quiz, den Sie durch Hinzufügen von ansprechendem Text und einem Foto anpassen können. Diese Art von Schritt erfüllt im Quiz einen ähnlichen Zweck wie der Heldenbereich auf einer Landing Page: Aufmerksamkeit erregen, die wichtigsten Vorteile der Teilnahme am Quiz hervorheben und die Nutzer zur Teilnahme motivieren.

Schritttypen: Frage mit Antworten, Frage mit Bildantworten, Anzahl (Bereichsschieber)

Diese Schritte bilden den interaktiven Kern des Quiz. Sie werden verwendet, um Fragen zu stellen und Antwortoptionen bereitzustellen. Sie können auch eine benutzerdefinierte Beraternachricht für jede spezifische Frage hinzufügen und eine Verzweigungslogik anwenden - nachfolgende Schritte werden basierend auf den vorherigen Antworten des Benutzers angezeigt.

Schritt-Typ: Kontaktformulare

Mit diesem Schritttyp können Sie einen Bildschirm mit einem Formular zur Erfassung der Kontaktinformationen des Besuchers erstellen, der als letzter Schritt des Quiz verwendet werden kann. Sie können verschiedene Datenfelder einfügen und sowohl eine Hauptnachricht als auch eine Beraternachricht konfigurieren.

Schritttyp: Schritt mit mehreren Feldern

Mit diesem Feldtyp können Sie einen Bildschirm mit einem Formular erstellen, das benutzerdefinierte Felder enthält. Im Gegensatz zum Kontakt-Formular zeigt dieser Bildschirm nur die Felder selbst an, ohne zusätzliche Meldungen.

Schritttypen: Ergebnis: Inhalt (Bild + Text) und Ergebnis: Weiterleitung

Mit diesen Schritttypen können Sie das Quiz logisch abschließen - entweder mit einem Abschlussbildschirm, der Text wie eine Dankesnachricht und ein Bild enthält, oder durch Weiterleitung zu einer gewünschten Seite (z. B. einer Seite mit aktuellen Sonderangeboten). Sie können auch eine Verzweigungslogik verwenden, um verschiedene mögliche Abschlussbildschirme zu erstellen, die auf der Grundlage der vorherigen Antworten der Benutzer angezeigt werden.

Andere Schritttypen haben die gleichen Namen und funktionieren ähnlich wie Feldtypen in Standardformularen. Wenn Sie einen dieser Schritte hinzufügen, wird ein neuer Bildschirm mit einem einzelnen Feld angezeigt. Weitere Informationen zu allen verfügbaren Feldtypen finden Sie in der Anleitung zum Einrichten von Datenerfassungsformularen.

Bei einigen Quizschritten können Sie einen virtuellen Berater hinzufügen - eine personalisierte Nachricht von einer realen Person, z. B. einem Ihrer Mitarbeiter - der den Besucher durch das Quiz führt, indem er Tipps oder Ermutigungen gibt.

Um das allgemeine Erscheinungsbild des Panels zu konfigurieren, einschließlich der Hintergrundfarbe, der Hintergrundfarbe der Beratermeldung und der Einstellungen für die Anzeige des Symbolbildes, gehen Sie auf die Registerkarte Einstellungen des Blocks → Quiz-Formularstil.

Auf der Registerkarte Inhalt des Blocks → Sonstiges können Sie den Namen des Beraters angeben, sein Bild hochladen und eine allgemeine Nachricht hinzufügen. Diese Informationen werden in allen Schritten des Quizformulars angezeigt, die Eingabefelder enthalten.

Sie können für jeden einzelnen Schritt eine eindeutige Nachricht des Beraters angeben. Gehen Sie dazu zum gewünschten Schritt und klicken Sie auf "Mehr: Sichtbarkeitsbedingungen, Berater".

Verzweigungslogik oder Sichtbarkeitsbedingungen für Felder ist eine Funktion, mit der Sie bestimmte Felder auf der Grundlage der in vorherigen Schritten eingegebenen Werte ein- oder ausblenden können. Mit anderen Worten: Sie können steuern, welche Felder oder Fragen in Abhängigkeit von den Antworten des Benutzers angezeigt werden.

Dies ist besonders nützlich bei einem Quiz mit mehreren Auswahlmöglichkeiten, da die Verzweigungslogik die Interaktivität und die Personalisierung verbessert, indem sie relevante Folgefragen präsentiert und das Endergebnis anpasst.

Weitere Informationen zur Verzweigungslogik finden Sie im Artikel How To Add Branching Logic To Tilda Online Forms (Verzweigungslogik zu Online-Formularen hinzufügen ) oder in der Videoschulung unten.

Um Daten aus dem Quiz zu sammeln, verbinden Sie einen oder mehrere Datenerfassungsdienste von Drittanbietern. Wählen Sie den Dienst anhand Ihrer Ziele und Präferenzen aus. Eine Liste aller verfügbaren integrierten Dienste und Anleitungen zum Verbinden dieser Dienste finden Sie im Leitfaden oder im Video-Tutorial unten.