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

Wichtigste Erkenntnisse

• Shopify hat keinen nativen Quiz-Builder. Du musst entweder eine Quiz-App installieren, ein Tool von Drittanbietern einbetten oder ein Quiz direkt in dein Theme einbauen.
• Fudge erstellt ein natives Quiz anhand eines Prompts – es wird als Liquid + JavaScript in dein Theme integriert. Keine Quiz-App-Gebühren, keine Skripte von Drittanbietern.
• Die fünf besten Shopify-Quiz-Apps im Jahr 2026 sind Quizify, Recomma, Shop Quiz, Octane AI und Quiz Kit. Jede erfüllt einen anderen Bedarf.
• Ein manueller Liquid-Build gibt dir 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 stellen und mit 1 bis 3 spezifischen Produktempfehlungen enden.

Ein Produktempfehlungs-Quiz ist einer der Seitentypen mit der höchsten Interaktionsrate 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 für ein klares Produkt-Match qualifiziert hat – mit einem direkten Weg zum Checkout.

Shopify selbst liefert keinen Quiz-Builder mit. Du hast im Grunde drei echte Optionen: einen KI-gesteuerten nativen Build mit Fudge, eine installierte Quiz-App oder einen manuellen Build durch einen Entwickler. Dieser Guide behandelt alle drei ganz ehrlich, inklusive der Vor- und Nachteile.

Warum du uns vertrauen kannst

Wir haben Quiz-Flows für Marken in den Bereichen Beauty, Nahrungsergänzungsmittel und Bekleidung gebaut – Kategorien, in denen die Produktauswahl wirklich Hilfe braucht. Wir entwickeln auch Fudge, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store. Quizzes sind eines der Dinge, die es nativ im Theme eines Stores erstellt.

Erstelle eine Quiz-Seite mit Fudge (ohne Quiz-App)

Fudge ist der KI-Operator für Shopify-Stores, und sein Quiz-Builder generiert ein Quiz direkt in deinem Theme – echtes Liquid und JavaScript, kein eingebettetes iFrame, keine Drittanbieter-Skripte, keine separaten Quiz-App-Gebühren. Wähle einfach Create → 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 und 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. Kein iFrame und kein Ladeskript von Drittanbietern, es fällt also bei der Ladezeit kaum ins Gewicht.
• Keine separaten Quiz-App-Gebühren. Quiz-Apps kosten ungefähr 15 bis 200 $ pro Monat (Stand: Oktober 2026) für einen einzigen Job. Das Quiz ist Code, der dir gehört, und derselbe Fudge-Plan deckt auch Landingpages, SEO, Popups und Bundles ab.
• Volle Design-Kontrolle. Das Quiz übernimmt automatisch die Typografie, Farben und Komponenten-Styles deines Themes. Apps bringen meist eine eigene UI mit, gegen die 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.
• Es wird immer besser. Fudge trackt Abschlüsse, wo Käufer abspringen und die Add-to-Carts und Käufe bei jedem Ergebnis. Es schlägt Änderungen vor, wenn bei einer Frage deutlich mehr Käufer abspringen als bei den anderen.

Für die vollständige Entscheidung zwischen nativ und App, siehe native Shopify-Quizzes vs. Quiz-Apps.

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, überspringe den Flow und nutze direkt einen Prompt. Hier ein paar Beispiele, die gut funktionieren:

• “Erstelle ein ‘Finde deine Hautpflege-Routine’-Quiz mit 5 Fragen. Jede Frage hat 2 bis 4 Antwortmöglichkeiten. Beende es mit 3 Produktempfehlungen aus unserer Seren-Kollektion, passend zu Hauttyp und Hautproblemen. Passe es an die bestehende Typografie und die Farben des Stores an.”

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

• “Baue ein Kaffee-Finder-Quiz mit 3 Fragen – Röstung, Brühmethode, Geschmacksnoten. Zeige am Ende 2 bis 3 passende Produkte aus der Kaffee-Kollektion mit Preisen und einem Kaufen-Button an.”

• “Erstelle ein Größen-Quiz für unsere Jeans. Frage nach Bundweite, Beinlänge und bevorzugter Passform (slim, regular, relaxed). Empfiehl den besten Style und die beste 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 etwas live geht. Wenn du vor den Ergebnissen einen E-Mail-Schritt einbauen möchtest, kann Fudge diesen hinzufügen und die Sign-ups an deine Klaviyo-Liste senden, wobei die Antworten im Profil gespeichert werden. Mehr dazu erfährst du in unserer Shopify Page Builder-Übersicht.

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 dich:

• Wie viele Fragen (3 bis 7).
• Fragetypen: Single-Select, Multi-Select, Slider, Freitext.
• Wie die Antworten den Produkten zugeordnet werden. Die beiden skalierbaren Muster: 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 für bestimmte Produktattribute, die höchste Punktzahl 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

Für Tag-basiertes Mapping rufst du die Produkte über /collections/<handle>/products.json ab und filterst sie clientseitig anhand der gesammelten Antwort-Tags. Beim Score-basierten Ansatz rufst du alle in Frage kommenden Produkte ab und rankst sie nach ihrem Score. Füge einen Add to Cart-Button hinzu, der einen POST-Request an /cart/add.js sendet.

Schritt 5 – Tracke die Ergebnisse

Feuere beim Absenden ein quiz_completed-Event an deine Analytics, zusammen mit dem Antwort-Set und den empfohlenen Produkt-IDs. Details dazu findest du in unserem Guide zum Tracking von Conversions in Shopify.

Ehrliche Zeitschätzung: 8 bis 16 Entwicklerstunden für einen sauberen Build, plus Designzeit. Vergleiche das mit einem Fudge-Entwurf in wenigen Minuten oder einer einstündigen App-Installation.

Für dynamische Antwort-Flows, die von vorherigen Antworten abhängen, siehe bedingte Logik zu Shopify-Formularen hinzufügen. Für ein mehrseitiges Wizard-Muster, siehe mehrstufige 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 AI ist eine der am längsten etablierten Quiz-Apps auf Shopify und bietet von den fünf genannten die meisten E-Mail-Marketing-Funktionen. KI-generierte Quiz-Vorschläge, tiefgreifende Klaviyo-Flows, rezeptbasierte Personalisierung. Kostenpflichtige Pläne beginnen bei etwa 50 $/Monat.

Am besten für: Größere Stores mit einem aktiven E-Mail-Programm, bei denen das Quiz ein Top-of-Funnel-Akquise-Tool und nicht nur ein reiner Produkt-Finder ist.

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

Kurzfassung – die komplette Strategie findest du in unserem Shopify-Guide für Produktempfehlungs-Quizzes.

• 3 bis 7 sinnvolle Fragen. “Was ist dein größtes Hautproblem?” ist hilfreicher als “Wie alt bist du?”, um wirklich das richtige Produkt zu finden.
• Spezifische Ergebnisse. Jeder Pfad sollte mit 1 bis 3 konkreten Produkten und einer kurzen Begründung enden: “Basierend auf deiner fettigen, empfindlichen Haut empfehlen wir…”.
• E-Mail vor den Ergebnissen erfassen – sofern es die Interaktion nicht killt. Teste es. Einige Kategorien (Hautpflege, Nahrungsergänzungsmittel) tolerieren das; andere (Bekleidung, Geschenke) eher nicht.
• Direkter Link zur Produktseite. Schicke die Leute nicht zurück in ein Collection-Grid, nachdem sie fünf Fragen beantwortet haben.

FAQ