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

Key Takeaways

• Shopify hat keinen nativen Quiz-Builder. Du installierst entweder eine Quiz-App, bettest ein Drittanbieter-Tool ein oder baust ein Quiz direkt in dein Theme.
• Die schnellste native Option ist Fudge – beschreibe das Quiz in einem Prompt und es wird als Liquid + JavaScript in deinem Theme umgesetzt. Keine App-Gebühren, keine Drittanbieter-Skripte.
• 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 die volle Kontrolle, kostet 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 dem höchsten Engagement in einem Shopify-Store. „Finde deine perfekte Skincare-Routine“ 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 bietet keinen Quiz-Builder an. Du hast eigentlich drei Optionen: einen KI-gestützten nativen Build mit Fudge, eine installierte Quiz-App oder einen von einem Entwickler erstellten manuellen Build. Dieser Guide behandelt alle drei Optionen ehrlich und zeigt die Vor- und Nachteile auf.

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, keine eingebetteten Iframes, keine Drittanbieter-Skripte, keine monatlichen App-Gebühren. Wähle Create → Quiz und lass dir vom Flow ein paar Fragen stellen, oder beschreibe das Quiz in einem einzelnen 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. 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 heute noch ein Quiz live gehen soll und dich eine monatliche Gebühr nicht stört, solltest du diese Apps vergleichen. Jede eignet sich für eine andere Art von Store.

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.

Häufig gestellte Fragen (FAQ)

Gibt es eine kostenlose Shopify Quiz-App?

Ja. Sowohl Quizify als auch Shop Quiz bieten Free-Tiers an. Diese limitieren zwar die Anzahl der Antworten oder Features und du wirst bei einem echtem Store irgendwann an die Grenzen stoßen, aber sie genügen, um zu testen, ob ein Quiz für deine Kategorie Sinn ergibt. Die auf lange Sicht einzige wirklich kostenlose Option ist es, das Quiz nativ mit Fudge zu bauen – ohne App und ohne monatliche Gebühren.

Was ist die beste Shopify Quiz-App?

Das hängt vom Ziel ab. Quizify ist für die meisten Stores die beste Out-of-the-box Quiz-App. Octane AI ist die mächtigste Lösung für Stores mit einem umfassenden E-Mail-Programm. Für ein Quiz, das nativ in deinem Theme lebt, keine App-Gebühren kostet und volle Design-Kontrolle bietet, ist Fudge der bessere Weg.

Kann ich ein Quiz in Shopify ohne App bauen?

Ja – entweder mit Fudge (die KI generiert anhand deines Prompts den nativen Theme-Code) oder indem du die Section, das JavaScript und die Result-Page-Logic selbst schreibst. Der Weg über Fudge dauert nur wenige Minuten; der manuelle Weg kostet einen Entwickler ein bis zwei Tage.

Wie baue ich einen Shopify Quiz-Funnel auf?

Ein Quiz-Funnel ist die Kette vom Quiz-Start über den E-Mail-Capture und die Ergebnisse bis hin zum E-Mail-Follow-up nach dem Quiz. Baue zuerst das Quiz (mit einer der oben genannten Methoden), verknüpfe es dann mit Klaviyo (oder deinem E-Mail-Tool) über einen Quiz-Completion-Trigger. Erstelle einen Flow, der das Ergebnis und anschließend noch 2 bis 3 Follow-up-Mails verschickt, die die Empfehlung untermauern.

Wie lang sollte ein Shopify Produkt-Quiz sein?

Drei bis sieben Fragen. Fünf ist der Sweet Spot im Hinblick auf die Completion-Rate und die Qualität der Empfehlung. Alles über acht Fragen kostet dich mehr, als es bringt.