Quiz-Builder

Ein Rundgang durch den Quiz-Editor

Was die einzelnen Bereiche des Quiz-Editors machen: die obere Leiste, die sechs Tabs, das linke Panel und das Canvas.

4 Min. Lesezeit·Aktualisiert am 20. Oktober 2026·Alle Tarife

In der AppSalesQ/Quizze/Bearbeiten

In dieser Anleitung

  1. 01Dich in der oberen Leiste und den Tabs des Editors zurechtfinden
  2. 02Über das linke Panel Fragen hinzufügen und Einstellungen ändern
  3. 03Einen Bildschirm auf dem Canvas in Zeilen und Spalten aufbauen
  4. 04Fehler rückgängig machen und deine Arbeit speichern

Bevor du startest

Der Quiz-Editor öffnet sich im Vollbild, wenn du auf Neues Quiz klickst oder auf der Seite Quizze auf das Stiftsymbol (Bearbeiten) neben einem Quiz. Er besteht aus einer oberen Leiste, einem linken Panel für Listen und Einstellungen und einem Canvas, das den ausgewählten Bildschirm zeigt.

Der Quiz-Editor: obere Leiste mit Tabs, links das Panel „Layers“, in der Mitte die Frage auf der Arbeitsfläche

Die obere Leiste

Links

ElementWas es macht
Quiz-NameKlicke darauf, um das Quiz umzubenennen. Ein leerer Name wird beim Speichern zum heutigen Datum.
Schalter Aktiv / InaktivBringt das Quiz in deinen Shop oder nimmt es heraus. Das Quiz wird dabei sofort gespeichert.
Zahnradsymbol (Globale Einstellungen)Öffnet die Einstellungen für das gesamte Quiz: Schriften, Farben, Größe, Fortschrittsleiste, Ergebnismodus und mehr.

In der Mitte: die Tabs

TabWas du dort machst
FragenFragen hinzufügen, Elemente hineinziehen und jeden Bildschirm bearbeiten.
ErgebnisseDie Ergebnisseiten aufbauen und ihre Produkte auswählen.
LogikAntworten in einem Flussdiagramm zur richtigen Frage oder zum richtigen Ergebnis schicken.
PopupFestlegen, auf welchen Seiten das Popup erscheint, wann es sich öffnet und wie die Schaltflächen zum erneuten Öffnen und Schließen aussehen.
RabattDen Rabattcode einrichten, den Käufer am Ende erhalten.
ChecklisteSehen, welche Einrichtungsschritte erledigt sind.

Rechts

ElementWas es macht
Rückgängig (Strg+Z) / Wiederholen (Strg+Y)Geht durch deine letzten Änderungen zurück oder vor.
Ebenen / StrukturZeigt die Zeilen und Spalten des aktuellen Bildschirms, damit du sie neu anordnen, kopieren oder entfernen kannst.
Desktop-Vorschau / Mobile VorschauSchaltet das Canvas zwischen Desktop- und Smartphone-Ansicht um. Viele Stileinstellungen lassen sich für Mobilgeräte separat festlegen.
VorschauÖffnet das Quiz so, wie Käufer es sehen, einschließlich deiner ungespeicherten Änderungen.
SpeichernSpeichert das Quiz. Du siehst Quiz gespeichert.
VeröffentlichenSchaltet das Quiz auf Aktiv und speichert es. Sobald das Quiz live ist, steht dort Veröffentlicht.

Das linke Panel

Alles, was du bearbeitest, öffnet sich im linken Panel. Im Tab Fragen hat es drei Unter-Tabs:

Unter-TabWas er enthält
FragenDie Fragetypen. Klicke auf einen, um einen komplett neuen Fragebildschirm hinzuzufügen.
ElementeEinzelne Bausteine wie Bild, Text oder Video. Zieh sie auf einen Bildschirm.
EbenenAlle Fragen der Reihe nach, mit ihren Blöcken und Antworten. Das Panel öffnet sich hier.
  1. 1

    Die Einstellungen eines Elements öffnen

    Klicke unter Ebenen auf eine Frage, einen Block oder eine Antwort oder klicke direkt auf dem Canvas darauf. Die Einstellungen ersetzen die Liste. Klicke oben auf Zurück, um zurückzukehren.

    Die Liste „Layers“: Fragen Q1 bis Q6 und die E-Mail-Seite, mit Buttons zum Verschieben, Duplizieren und Löschen
  2. 2

    Das Panel anpassen oder ausblenden

    Zieh am Rand des Panels, um es breiter oder schmaler zu machen. Klicke auf den Pfeil an der Seite, um es einzuklappen und dem Canvas mehr Platz zu geben.

Der Tab Ergebnisse funktioniert genauso, mit den Unter-Tabs Ergebnisse und Elemente.

Das Canvas

Das Canvas zeigt den ausgewählten Bildschirm und darüber seine Position, zum Beispiel Frage 2 von 5. Jeder Bildschirm besteht aus Zeilen, und jede Zeile kann bis zu sechs Spalten haben.

  1. 1

    Eine Zeile hinzufügen

    Klicke unten auf dem Bildschirm auf Abschnitt hinzufügen und wähle ein Layout wie 1 Spalte, 2 gleiche oder 3 gleiche.

    „Select your structure“: Layouts mit 1 bis 6 Spalten für eine neue Zeile
  2. 2

    Blöcke verschieben

    Zieh einen Block an seinem Anfasser, um ihn neu anzuordnen, oder leg ihn in einer anderen Spalte ab. Klicke auf das X an einem Block, um ihn zu entfernen.

  3. 3

    Kopieren und einfügen

    Klicke mit der rechten Maustaste auf einen Block für Kopieren, Einfügen, Stil kopieren und Stil einfügen. Einen Stil zu kopieren ist ein schneller Weg, zwei Buttons oder Überschriften aneinander anzugleichen.

    Rechtsklick-Menü auf einem Block: „Copy style“, „Paste style“, „Copy“ und „Paste“

Blöcke, die du auf dem Desktop oder auf Mobilgeräten ausblendest, sind auf dem Canvas abgedunkelt. Käufer auf diesem Gerät sehen sie nicht.

Der Tab Checkliste

Der Tab Checkliste zeigt deinen Einrichtungsfortschritt. Die Punkte haken sich während der Arbeit selbst ab. Du kannst sie nicht anklicken.

PunktErledigt, wenn
Ergebnisse hinzugefügtDas Quiz hat eine Ergebnisseite.
Logikregeln konfiguriertEine Frage hat eine Sprung- oder Überspringen-Regel.
Design angepasstDu hast das Quiz-Design in Globale Einstellungen geändert.
Popup konfiguriertDu hast im Tab Popup die Schaltfläche zum erneuten Öffnen geändert.
Rabattcode konfiguriertDu hast irgendeine Rabatteinstellung geändert.
Im Shop veröffentlichtDas Quiz ist aktiv. Die App-Einbettung deines Themes wird dabei nicht geprüft.

Gut zu wissen

  • Jedes Quiz braucht mindestens eine Frage und eine Ergebnisseite, daher kannst du die jeweils letzte nicht löschen.
  • Rückgängig und Wiederholen funktionieren nicht, während du in einem Textfeld tippst. Klicke zuerst außerhalb des Felds.
  • Um den Editor zu verlassen, schließt du das Vollbildfenster mit der Schließen-Schaltfläche von Shopify. Speichere vorher.

Mehr erfahren

Nächster SchrittVorlage nutzenProbier ein fertiges Quiz aus, füge es deinem Shop als Entwurf hinzu und tausch dann vor dem Veröffentlichen Produkte, Texte und Rabatt gegen deine eigenen aus.

Verwandte Artikel

War diese Seite hilfreich?

Quiz veröffentlichen