So erstellst du ein Quiz im Shopify-Store (2026)

Das Wichtigste in Kürze

• Shopify hat keinen nativen Quiz-Builder. Du musst entweder eine Quiz-App installieren, ein Drittanbieter-Tool einbetten oder ein Quiz direkt in dein Theme einbauen.
• Die schnellste native Option ist Fudge – beschreibe das Quiz in einem Prompt und es wird als Liquid + JavaScript in dein Theme integriert. Keine App-Gebühren, keine Drittanbieter-Skripte.
• Die fünf besten Shopify-Quiz-Apps 2026 sind Quizify, Recomma, Shop Quiz, Octane AI und Quiz Kit. Jede eignet sich für unterschiedliche Anforderungen.
• Ein manueller Liquid-Build bietet volle Kontrolle, dauert für einen Entwickler aber in der Regel 8 bis 16 Stunden pro Quiz.
• Quiz-Seiten konvertieren am besten, wenn sie 3 bis 7 Fragen enthalten und mit 1 bis 3 konkreten Produktempfehlungen enden.

Ein Produktempfehlungs-Quiz ist eine der Seiten mit dem höchsten Engagement in einem Shopify-Store. „Finde deine perfekte Hautpflegeroutine“ oder „Welches Proteinpulver ist das richtige für dich?“ verwandelt einen passiven Besucher in jemanden, der sich selbst als Zielgruppe für ein bestimmtes Produkt qualifiziert hat – mit einem klaren Weg zum Checkout.

Shopify selbst bietet keinen Quiz-Builder an. Du hast drei echte Optionen: eine KI-gesteuerte native Lösung mit Fudge, eine installierte Quiz-App oder die manuelle Programmierung durch einen Entwickler. Dieser Guide beleuchtet ganz ehrlich alle drei Wege mitsamt ihren Vor- und Nachteilen.

Warum du uns vertrauen kannst

Wir haben Quiz-Flows für Marken aus den Bereichen Beauty, Nahrungsergänzungsmittel und Bekleidung gebaut – Kategorien, in denen die Produktauswahl wirklich Hilfe braucht. Wir haben auch Fudge entwickelt, einen KI Page Builder und Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store, der von Hunderten von Stores genutzt wird.

Der schnellste Weg: Ein natives Quiz mit Fudge bauen

Fudge generiert ein Quiz direkt in deinem Theme – echtes Liquid und JavaScript, kein eingebettetes iFrame, keine Drittanbieter-Skripte, keine monatlichen App-Gebühren. Wähle entweder Erstellen → Quiz und lass dir vom Flow ein paar Fragen stellen, oder beschreibe das Quiz in einem einzigen Prompt. Fudge erstellt einen Entwurf, du überprüfst ihn, du veröffentlichst ihn.

Warum das besser ist als die Installation einer Quiz-App

• Nativer Theme-Code. Das Quiz wird serverseitig als Teil deiner Seite gerendert. Keine Iframes, keine Drittanbieter-Ladeskripte, keine negativen Auswirkungen durch Layout Shifts auf deine Core Web Vitals.
• Keine monatlichen Gebühren. Quiz-Apps kosten 20–200 $/Monat. Fudge generiert den Code einmal und er gehört dir.
• Volle Design-Kontrolle. Das Quiz erbt automatisch die Typografie, Farben und Component Styles deines Themes. Apps bringen meist ihr eigenes UI mit, gegen das du ankämpfen musst.
• Kein Vendor Lock-in. Wenn du Fudge morgen deinstallierst, funktioniert dein Quiz weiterhin – es ist schließlich nur Code in deinem Theme.
• KI-schnell. Ein funktionierender Entwurf in Minuten, nicht in Stunden. Iteriere einfach mit neuen Prompts.

Zwei Wege zum Start: der geführte Flow oder ein direkter Prompt

Wenn du keinen bestimmten Prompt im Kopf hast, öffne Fudge und wähle Create → Quiz. Der Flow stellt dir ein paar kurze Fragen zu deiner Kategorie, den zu empfehlenden Produkten und dem Ziel des Quiz und schlägt dir einen Entwurf vor. Übernimm ihn so wie er ist, oder passe ihn mit Folge-Prompts an.

Wenn du schon weißt, was du willst, überspring den Flow und schreibe direkt einen Prompt. Einige Beispiele, die gut funktionieren:

• „Erstelle ein 5-Fragen-Quiz zum Thema ‘Finde deine Skincare-Routine’. Jede Frage hat 2 bis 4 Antwortmöglichkeiten. Ende mit 3 Produktempfehlungen aus unserer Seren-Collection, passend zu Hauttyp und Hautproblemen. Übernimm die bestehende Typografie und die Farben des Stores.“

• „Erstelle ein ‘Welches Proteinpulver ist das richtige für dich?’-Quiz mit 4 Fragen zu Fitnesszielen, Ernährungseinschränkungen, Geschmackspräferenzen und Trainingshäufigkeit. Ende mit einer Hauptempfehlung und einem Add-to-Cart-Button.“

• „Erstelle ein Kaffee-Finder-Quiz mit 3 Fragen – Röstung, Zubereitungsmethode, Geschmacksnoten. Zeige am Ende 2 bis 3 passende Produkte aus der Kaffee-Collection mit Preisen und einem Kaufen-Button an.“

• „Erstelle ein Größen-Quiz für unsere Denim-Jeans. Frage nach Bundweite, Beinlänge und bevorzugter Passform (slim, regular, relaxed). Empfiehl den besten Style und die richtige Größe mit einem Link zur Produktseite.“

Jedes generierte Quiz kommt mit dem Fragen-Schema, dem Answer-to-Product-Mapping und einem End-Screen, der mit deinem Produktkatalog verknüpft ist. Du überprüfst den Entwurf, bevor irgendetwas live geht. Erfahre mehr in unserer Übersicht zum Shopify Page Builder.

So baust du ein Quiz in Shopify ohne App – der manuelle Weg

Wenn du einen Entwickler im Team hast und volle Kontrolle willst, zeigen wir dir hier, was ein manueller Build tatsächlich beinhaltet. Dies ist die Option, die die meisten Stores aus Zeit- und Kostengründen überspringen, aber es ist die sauberste Lösung, wenn man die Ressourcen hat.

Schritt 1 – Definiere das Fragen-Schema

Entscheide:

• Wie viele Fragen (3 bis 7 funktionieren am besten – ab 8 fällt die Completion-Rate stark ab).
• Fragetypen: Single-Select, Multi-Select, Slider, Freitext.
• Wie Antworten mit Produkten gemappt werden. Die zwei gut skalierbaren Muster sind: Tag-basiertes Filtern (jede Antwort fügt Tags hinzu, die Ergebnisseite filtert die Collection nach Tag-Überschneidungen) oder Score-basierte Gewichtung (jede Antwort gibt Punkte auf bestimmte Produktattribute, der höchste Score gewinnt).

Schritt 2 – Baue die Section in Liquid

Erstelle eine neue Section in deinem Theme: sections/quiz.liquid. Das Schema definiert Frage-Blocks, und das Liquid-Template rendert die aktive Frage basierend auf dem JavaScript-gemanagten State. Eine typische Struktur:

{% schema %}
{
  "name": "Produkt-Quiz",
  "blocks": [
    { "type": "question", "settings": [
      { "id": "prompt", "type": "text", "label": "Frage" },
      { "id": "answers", "type": "textarea", "label": "Antworten (eine pro Zeile)" }
    ]}
  ]
}
{% endschema %}

Füge die Section einem neuen Template (templates/page.quiz.json) hinzu und erstelle im Adminbereich eine Page, die dieses nutzt.

Schritt 3 – Verknüpfe den State und das Routing in JavaScript

Das Quiz ist eine State-Machine: aktueller Fragen-Index, gesammelte Antworten und ein finaler Ergebnis-Screen. Ein sauberes Pattern ist eine Parent-Component, die den State hält, und Child-Components pro Frage. Berechne beim Submit aus den Antworten die passenden Produkte und rendere den Ergebnis-Screen.

Schritt 4 – Verbinde den Produktkatalog

Rufe für das Tag-basierte Mapping die Produkte über /products.json?collection=<handle> ab und filtere sie clientseitig nach den Tags, die durch die Antworten gesammelt wurden. Beim Score-basierten Ansatz rufst du alle potenziellen Produkte ab und rankst sie nach ihrem Score. Füge einen Add-to-Cart-Button hinzu, der einen POST-Request an /cart/add.js schickt.

Schritt 5 – Tracke die Ergebnisse

Feuere beim Submit ein quiz_completed-Event an deine Analytics – mitsamt dem Antwort-Set und den empfohlenen Produkt-IDs. Details dazu findest du in unserem Guide zum Thema Conversions in Shopify tracken.

Ehrliche Zeitschätzung: 8 bis 16 Entwicklerstunden für einen aufpolierten Build, plus Design-Zeit. Vergleiche das mit einem fünfminütigen Fudge-Prompt oder einer einstündigen App-Installation.

Für dynamische Antwort-Flows, die von vorherigen Antworten abhängen, schau in unseren Artikel Wie man Conditional Logic zu Shopify-Formularen hinzufügt. Für ein Wizard-Pattern über mehrere Seiten, siehe Multi-Step-Formulare in Shopify erstellen.

Shopify Quiz-Apps – die fünf, die sich lohnen

Wenn du heute noch ein Quiz starten willst und dich eine monatliche Gebühr nicht stört, solltest du diese Apps vergleichen. Jede App eignet sich für einen anderen Shop-Typ. Einen umfassenderen Vergleich mit Bewertungen, Preisstufen und der Tiefe der Klaviyo-Integration findest du unter Die besten Shopify Quiz-Apps (2026).

Quizify – sauberstes UI, umfangreichste Features

Quizify ist ein starker Allrounder. Drag-and-Drop-Builder, Conditional Logic, native Klaviyo-Integration und ein UI, das schöner aussieht als bei älteren Apps. Free-Plan verfügbar; bezahlte Pläne starten bei ca. 15 $/Monat und skalieren basierend auf den Quiz-Antworten.

Am besten für: Stores, die diese Woche noch ein schickes Quiz ohne große UI-Eingriffe live bringen wollen.

Recomma – Fokus auf Produktempfehlungen

Recomma ist speziell auf das Empfehlungsergebnis ausgerichtet, weniger auf das Bauen von Formularen. Starke Analytics, A/B-Testing auf dem Ergebnis-Screen und eine enge Integration in den Shopify-Katalog.

Am besten für: Stores, die ohnehin schon CRO-Experimente durchführen und ein Quiz als Input dafür nutzen wollen.

Shop Quiz: Product Recommender

Shopify-nativ, überschaubares Feature-Set, keine monatlichen Kosten im Basic-Tarif. Begrenzte Anpassungsmöglichkeiten, aber sehr schnell eingerichtet.

Am besten für: kleine Stores, die das einfachst mögliche Produkt-Quiz ohne Ausgaben wollen.

Octane AI

Octane ist die älteste Quiz-App auf Shopify und hat die meisten Features. KI-generierte Quiz-Vorschläge, tiefe Klaviyo-Flows, Rezept-basierte Personalisierung. Bezahlte Pläne starten bei ca. 50 $/Monat.

Am besten für: größere Stores mit einem aktiven E-Mail-Programm, in denen das Quiz nicht nur als Produkt-Finder, sondern als Top-of-Funnel-Akquise-Tool eingesetzt wird.

Quiz Kit

Mittleres Preissegment, mittelgroßes Feature-Set. Solide Template-Bibliothek, ordentliches Design, weniger Integrationen als Octane. Pläne starten ab ca. 25 $/Monat.

Am besten für: Stores, die eher nach Templates als nach individuellen Builds suchen.

Eingebettete Formular-Tools (Typeform, Interact)

Typeform und Interact sind keine Shopify-spezifischen Quiz-Builder – es sind universelle Formular-Tools, die du per Iframe einbettest.

• Typeform hat das am besten aussehende Standalone-UI. Die Einschränkung: Es lässt sich nicht nativ mit deinem Produktkatalog verbinden. Du musst also in den Ergebnis-Screens manuell auf die Produktseiten verlinken.
• Interact ist stark auf das Quiz-to-Email-Wachstum ausgerichtet. Das ist nützlich, wenn dein Ziel der Lead ist – und nicht der sofortige Verkauf.

Das Einbetten ist bei beiden gleich: Baue das Quiz im jeweiligen Tool, kopiere den Embed-Code, füge ihn in die HTML-Ansicht deiner Shopify Page ein und speichere ab. Wie du Seiten aufsetzt, erfährst du hier: Eine neue Seite in Shopify erstellen.

Die Nachteile aller eingebetteten Tools: Drittanbieter-Skripte werden auf der Seite geladen (was diese langsamer macht), das Iframe-Styling passt nicht richtig zu deinem Store und das Quiz liegt außerhalb deines Themes, wodurch du es nicht umgestalten kannst, ohne ins UI des Drittanbieters wechseln zu müssen.

Was ein Shopify Produkt-Quiz zum Konvertieren bringt

Die kurze Version – die komplette Strategie gibt es in unserem Guide für Shopify Produktempfehlungs-Quizze.

• 3 bis 7 Fragen. Bei mehr als 8 bricht die Completion-Rate massiv ein.
• Nur bedeutungsvolle Fragen. „Was ist dein größtes Hautproblem?“ ist für das Finden des richtigen Produkts deutlich besser als „Wie alt bist du?“.
• Spezifische Ergebnisse. Jeder Pfad sollte mit 1 bis 3 konkreten Produkten und einer einzeiligen Begründung enden: „Basierend auf deiner öligen, sensiblen Haut empfehlen wir…“.
• Erfasse die E-Mail-Adresse, bevor du das Ergebnis zeigst – solange es das Engagement nicht killt. Teste es. Einige Kategorien (Skin-Care, Nahrungsergänzungsmittel) tolerieren das; andere (Bekleidung, Geschenke) nicht.
• Direkter Link zur Produktseite. Leite die Leute nicht einfach in ein Collection-Grid zurück, nachdem sie fünf Fragen beantwortet haben.

FAQ