Quiz mit Typeform einrichten

Der erste Schritt ist ein Konto bei Typeform (typeform.com). Typeform ist ein beliebtes Tool für interaktive Formulare und Quizze.

So gehst du vor:

• Erstelle ein kostenloses Konto auf typeform.com
• Klicke auf Neues Formular erstellen
• Wähle Quiz als Typ
• Füge deine Fragen hinzu (Multiple Choice, Skalen, offene Fragen)
• Richte die Scoring-Logik ein, wenn du Punkte vergeben möchtest

Für den Persönlichkeitstest mit KI-Auswertung: Konfiguriere in Typeform die Hidden Fields, die später automatisch von deiner Anmeldeseite übergeben werden (z.B. email, firstname).

Bevor dein Besucher das Quiz ausfüllt, braucht er eine Anmeldeseite. Dort trägt er seine Kontaktdaten ein (Name, E-Mail) und wird dann zum Quiz weitergeleitet.

So richtest du die Anmeldeseite ein:

1. Gehe zu Landingpages im Menü
2. Klicke auf Neue Seite erstellen
3. Wähle die Vorlage Test – Anmeldeseite
4. Passe Texte, Bilder und Farben im Editor an
5. Konfiguriere das Formular: Felder für Vorname und E-Mail (mindestens)

Weiterleitung zum Quiz: Nach dem Absenden des Formulars wird der Besucher automatisch zur Quiz-Seite weitergeleitet. Dabei werden die eingegebenen Daten als URL-Parameter übergeben — z.B.:

deine-domain.de/quiz/?vorname=Max&email=max@beispiel.de

Das Quiz erhält so automatisch den Namen und die E-Mail des Teilnehmers, ohne dass er diese Daten erneut eingeben muss.

Für die Einbindung des Typeform-Quiz gibt es eine spezielle Vollbild-Vorlage, die das Formular bildschirmfüllend anzeigt.

So findest du sie:

1. Gehe zu Landingpages im Menü
2. Klicke auf Neue Seite erstellen
3. Wähle die Vorlage Typeform Integration

Was die Vorlage bietet:

• Vollbild-Darstellung des Typeform-Quiz
• Automatische Anpassung an Desktop und Smartphone
• Nahtloses Nutzererlebnis ohne sichtbaren Seitenwechsel
• Automatische Übernahme von URL-Parametern ins Quiz (Tracking, Kontaktdaten)

Jetzt musst du deine Typeform Formular-ID eintragen. Die ID findest du so:

• Öffne dein Quiz in Typeform
• Klicke auf Teilen (Share)
• Kopiere die ID aus der URL — sie steht nach dem letzten Schrägstrich
• Beispiel: In form.typeform.com/to/aq1lWfCH ist aq1lWfCH die ID

Trage die ID im Feld Formular-ID deines Typeform ein, das oben auf der Seite erscheint.

Die Typeform-Integration unterstützt automatische Parameter-Übergabe. URL-Parameter deiner Quiz-Seite werden direkt an Typeform weitergereicht.

Wie es funktioniert:

1. Deine Anmeldeseite leitet den Besucher weiter: /quiz/?vorname=Max&email=max@test.de
2. Die Quiz-Seite erkennt die Parameter automatisch
3. Typeform empfängt die Werte über die Hidden Fields
4. Die Daten stehen in Typeform für Logik und Weiterleitung zur Verfügung

Unterstützte Hidden Fields:

• Kontaktdaten: email, firstname
• UTM-Tracking: utm_source, utm_medium, utm_campaign, utm_term, utm_content
• Affiliate-Tracking: aff, ds_affiliate, ds_cam, ds_24tr
• Weitere: user_id, enrollment

Wichtig: Damit die Übergabe funktioniert, müssen die entsprechenden Hidden Fields in Typeform angelegt sein (gleiche Feldnamen wie die URL-Parameter).

Nach dem Speichern kannst du deine Seite im Drag & Drop Editor weiter anpassen oder direkt veröffentlichen.

Das Quiz wird als Vollbild-Embed angezeigt — dein Besucher sieht nur das Quiz, keine ablenkenden Menüs oder Seitenelemente.

Teste den kompletten Ablauf:

1. Öffne die Anmeldeseite und fülle das Formular aus
2. Prüfe, ob du korrekt zum Quiz weitergeleitet wirst
3. Prüfe in der Browser-Adresszeile, ob die Parameter übergeben wurden (z.B. ?vorname=Max)
4. Fülle das Quiz aus und prüfe ob die Ergebnisse in Typeform ankommen
5. Wenn du die KI-Auswertung nutzt: Prüfe ob die Scores an deinen E-Mail-Anbieter übertragen werden