Tutorial

So erstellst du ein Quiz auf Squarespace: TryInteract Tutorial (Schritt-für-Schritt Anleitung 2025)

Melden

Hier ist ein detailliertes Tutorial für das Jahr 2025, wie du ein interaktives Quiz mit TryInteract erstellst und nahtlos in deine Squarespace-Website einbettest.

Ein Quiz ist eines der effektivsten Tools zur Lead-Generierung im Jahr 2025. Es unterhält deine Besucher und hilft dir gleichzeitig, deine E-Mail-Liste mit qualifizierten Kontakten zu füllen. In dieser Anleitung lernst du, wie du das Tool TryInteract nutzt, um ein professionelles Quiz für deine Squarespace-Seite zu bauen.

Schritt 1: Ein TryInteract-Konto erstellen

  1. Gehe auf tryinteract.com und erstelle ein Konto.
  2. Wähle im Dashboard "Create New Quiz".
  3. Pro-Tipp 2025: Nutze den AI-Quiz-Generator von Interact. Du kannst einfach deine Website-URL oder ein Thema eingeben, und die KI erstellt dir innerhalb von Sekunden Fragen, Antworten und Ergebnisse.

Schritt 2: Quiz-Typ und Vorlage wählen

Wenn du das Quiz manuell oder mit einer Vorlage erstellen möchtest:

  1. Vorlage wählen: Suche nach deiner Branche (z.B. Coaching, E-Commerce, Marketing).
  2. Quiz-Typ bestimmen:
    • Assessment: Testet Wissen (z.B. "Wie viel weißt du über SEO?").
    • Personality: Der Klassiker (z.B. "Welcher Unternehmertyp bist du?").
    • Scored: Punktesystem.

Schritt 3: Inhalte anpassen (Fragen & Ergebnisse)

  1. Ergebnisse zuerst: Definiere zuerst die Ergebnisse (z.B. Ergebnistyp A, B und C). Das macht das Zuweisen der Fragen später einfacher.
  2. Fragen gestalten: Füge Bilder oder GIFs zu deinen Fragen hinzu, um die Interaktion zu erhöhen.
  3. Logic Branching: Verknüpfe die Antworten mit den entsprechenden Ergebnissen ("Answer Correlation").

Schritt 4: Lead-Generierung einrichten

Damit das Quiz deine E-Mail-Liste füllt:

  1. Aktiviere den Schalter "Lead Generation".
  2. Erstelle ein Formular, das vor dem Ergebnis angezeigt wird (Name und E-Mail).
  3. Integration: Verbinde Interact mit deinem E-Mail-Marketing-Tool (z.B. Mailchimp, ConvertKit, Flodesk oder Squarespace Email Campaigns).

Schritt 5: Design an deine Marke anpassen

Klicke auf das Styling-Tab (Farben/Schriftarten):

  • Passe die Farben an deine Squarespace-Farbpalette an.
  • Wähle eine Schriftart, die deiner Website ähnelt.
  • Lade dein Logo hoch.

Schritt 6: Den Embed-Code generieren

Sobald dein Quiz fertig ist:

  1. Klicke oben rechts auf "Publish".
  2. Wähle nach der Veröffentlichung "Share & Embed".
  3. Klicke auf "Embed Code" und wähle den Tab "Javascript" (empfohlen für automatische Größenanpassung).
  4. Aktiviere Optionen wie "Auto-resize" und "Open links in new tab".
  5. Kopiere den Code.

Schritt 7: Das Quiz in Squarespace einbetten

Wechsle nun zu deiner Squarespace-Website:

  1. Gehe zu der Seite, auf der das Quiz erscheinen soll, und klicke auf "Bearbeiten" (Edit).
  2. Füge einen neuen Block hinzu und wähle den "Code Block" aus.
  3. Lösche den Beispieltext im Code-Block und füge den Interact-Code ein.
  4. (Optional) Wenn du ein Full-Page-Quiz möchtest, kannst du auch einen "Section" hinzufügen und den Code dort platzieren.
  5. Klicke auf Speichern und Veröffentlichen.

Bonus-Tipps für 2025:

  • Mobile Optimierung: Überprüfe das Quiz unbedingt auf deinem Smartphone. TryInteract ist responsiv, aber manchmal müssen Bildgrößen angepasst werden.
  • Conversion-Boost: Biete im Ergebnis des Quiz einen passenden Rabattcode oder ein Freebie an, das direkt auf den Nutzertyp zugeschnitten ist.
  • Facebook Pixel: Hinterlege deinen Tracking-Pixel in den Interact-Einstellungen, um Retargeting-Anzeigen für Personen zu schalten, die das Quiz zwar gestartet, aber nicht beendet haben.

Warum TryInteract für Squarespace?

Squarespace bietet zwar eigene Formulare an, aber diese sind meist statisch. TryInteract bietet die nötige psychologische Komponente (Gamification), die die Conversion-Rate im Vergleich zu normalen Newslettern oft um 30-50% steigert.

Viel Erfolg beim Erstellen deines Quiz!

0