--- title: "Das Quiz gestalten: Layout, Fortschrittsbalken und Buttons" description: "Ändern Sie das Aussehen von Fragen, Antworten, Fortschrittsbalken, Bewertungen, Swipe-Karten und Produktergebnissen." url: https://scratcher.io/de/help/games/quiz-design language: de --- 1. [Hilfe-Center](https://scratcher.io/de/help) 2. [Spiele und Formate](https://scratcher.io/de/help/games) 3. Das Quiz gestalten: Layout, Fortschrittsbalken und Buttons # Das Quiz gestalten: Layout, Fortschrittsbalken und Buttons Ändern Sie das Aussehen von Fragen, Antworten, Fortschrittsbalken, Bewertungen, Swipe-Karten und Produktergebnissen. Klicken Sie auf einen Teil des Quiz auf der Seite, um ihn zu gestalten: die Frage, eine Antwort, den Fortschrittsbalken oder das Ergebnis. ## Fragen und Antworten - Schriftarten und Farben für Titel und Beschreibung der Frage. - **Layout**: Zeigen Sie Textantworten als **Liste** oder als **Raster**. - **Textantworten Buchstaben voranstellen (A, B, C)**. - Farben für beantwortete, richtige und falsche Antworten, die mit **Richtige/falsche Antworten anzeigen** verwendet werden. - Für Bildantworten: **Bilder pro Zeile** und bei Duellen **Duellbilder vertikal anzeigen**. - Für Duelle: der **Versus-Text** und seine Schriftart. - Abstände zwischen den Teilen eines Ergebnisses: **Abstand zwischen Titel und Beschreibung**, **Abstand zwischen Inhalt und Button** und bei Produktergebnissen **Abstand zwischen Inhalt und Produkten** und **Abstand zwischen Produkten**. ## Fortschrittsbalken Aktivieren Sie den **Fortschrittsbalken** und wählen Sie: - **Layout**: **Punkte** oder **Balken**. - Farben für **Inaktive** und **Aktive** Schritte, **Größe**, **Form** und **Abstand**. - **Position**: **Oben** oder **Unten**, **Volle Breite** und **Text anzeigen** (zum Beispiel „2 / 5“). ## Navigation In den **Einstellungen** des Quiz: - **Zum Fortfahren auf den Button klicken**: Nach der Wahl einer Antwort klickt man auf einen Button, statt automatisch weiterzugehen. - **Zurück-Button anzeigen** und **Teilnehmern erlauben, zur vorherigen Frage zurückzukehren**. ## Bewertungen und Swipe - **Bewertung**: die Bilder für ausgewählt und nicht ausgewählt. - **Wischen**: **Like-/Dislike-Buttons anzeigen**, der **Text für „Gefällt mir“** und **Text für „Gefällt mir nicht“** sowie **Fragenname über dem Bild anzeigen**. Aktivieren Sie **Produkte zum Wischen verwenden**, um durch Ihre Produkte zu wischen. ## Produktergebnisse Für Produktempfehlungen: **Produkte pro Zeile**, **Angebotsbadge anzeigen**, der Text vor und nach Angebotspreisen und welche Attribute angezeigt werden (Marke, Geschlecht, Farbe, Größe). ## Der Ergebnis-Button Der Button auf der Ergebnisseite kann **Zum Link**, **Zur nächsten Seite** oder **Zur Seite** führen. Mit dem Add-on **Aktion „Seite neu laden“** startet er das Quiz neu. ## Teile, die Sie gestalten können Klicken Sie auf diese Teile des Quiz auf der Seite, um sie zu gestalten: - **Frage**: **Schriftart des Titels**, **Schriftart der Beschreibung**, das **Fragebild** und bei Duellen die **Schriftart für Versus**. Videofragen verwenden eine **Video-URL**. - **Antworten**: Farben einschließlich **Hintergrund bei richtiger Antwort** und **Text bei richtiger Antwort** sowie das **Antwortbild** bei Bildantworten. - **Abschluss-Button**: der Button bei der letzten Frage. - **Ergebnis**: das **Ergebnisbild** (mit **Abstand zwischen Bild und Button**), **Abstand zwischen Titel und Beschreibung** und **Abstand zwischen Inhalt und Button**. - **Umfrageergebnisse**: **Anzahl der Antworten anzeigen**, **Prozentsatz der Antworten anzeigen**, **Abstand zwischen Inhalt und Ergebnissen** und **Abstand zwischen Bild und Fortschrittsbalken**. - **Produktergebnisse**: **Titel vor dem Bild anzeigen**, **Horizontale Linie ausblenden**, **Angebot – Text vor dem Preis** und **Angebot – Text nach dem Preis**. - **Ergebnis-Button**: das Add-on **Aktion „Seite neu laden“** („Die Seite beim Klick auf diesen Button neu laden“). Spiele und Formate - [Welches Spiel soll ich wählen?](https://scratcher.io/de/help/games/game-formats-overview) - [Rubbellose, Glücksräder und andere Glücksspiele](https://scratcher.io/de/help/games/luck-games) - [Glücksrad: Segmente, Design und Einstellungen](https://scratcher.io/de/help/games/spin-the-wheel) - [Rubbellose: Karten, Icons und Deckschicht](https://scratcher.io/de/help/games/scratch-cards) - [Spielautomat, Drehen, Würfel und Mystery Box](https://scratcher.io/de/help/games/slot-spin-dice-and-mystery-box) - [Geschicklichkeitsspiele: Drop, Memory, Puzzle und mehr](https://scratcher.io/de/help/games/skill-games) - [Objekte fangen (Drop) und Ziel treffen](https://scratcher.io/de/help/games/catch-drop-and-hit-the-target) - [Smash It, Tap It, Memory, Puzzle, Match Matrix und Bubble Shooter](https://scratcher.io/de/help/games/more-skill-games) - [Abschlussbedingungen, Timer und Punkte in Geschicklichkeitsspielen](https://scratcher.io/de/help/games/finish-conditions-timer-and-points) - [Quiz und Persönlichkeitstests](https://scratcher.io/de/help/games/quizzes-and-personality-tests) - [Quizfragen und -antworten im Detail](https://scratcher.io/de/help/games/quiz-questions-and-answers) - [Quizergebnisse, Verzweigungen und Berechnungen](https://scratcher.io/de/help/games/quiz-results-groups-and-calculator) - [Das Quiz gestalten: Layout, Fortschrittsbalken und Buttons](https://scratcher.io/de/help/games/quiz-design) - [Umfragen, Befragungen, Abstimmungen und Produktfinder](https://scratcher.io/de/help/games/polls-surveys-and-product-finders) - [Advents- und Weihnachtskalender: Schritt für Schritt einrichten](https://scratcher.io/de/help/games/advent-and-christmas-calendars) - [Alle Kalendereinstellungen erklärt](https://scratcher.io/de/help/games/calendar-settings) - [Der erweiterte Kalender: hinter jedem Türchen ein anderes Spiel oder ein anderer Gewinn](https://scratcher.io/de/help/games/advanced-calendar) - [Probleme mit dem Kalender und ihre Lösung](https://scratcher.io/de/help/games/calendar-troubleshooting) - [Bestenlisten: Spieler nach Punkten oder Zeit ordnen](https://scratcher.io/de/help/games/leaderboards-and-predictions) - [Ergebnistipps für Fußball und andere Sportarten](https://scratcher.io/de/help/games/score-predictions) - [Glückszahl: Menschen einen Code eingeben lassen, um zu gewinnen](https://scratcher.io/de/help/games/lucky-number-codes) - [Countdowns, Vorregistrierung und Seiten für beendete Kampagnen](https://scratcher.io/de/help/games/special-pages) ## Ähnliche Artikel - [So funktionieren die Element-Einstellungen](https://scratcher.io/de/help/elements/element-settings-basics): Die Tabs Inhalt, Stile, Einstellungen und Effekte, Größen, Formen, Rahmen, Farben und Hintergründe, Änderungen für Mobilgeräte und Add-ons. - [Quiz und Persönlichkeitstests](https://scratcher.io/de/help/games/quizzes-and-personality-tests): Wählen Sie einen Quiztyp, fügen Sie Fragen und Antworten hinzu, richten Sie Ergebnisse und Ergebnisseiten ein oder lassen Sie die KI die Fragen schreiben. - [Quizfragen und -antworten im Detail](https://scratcher.io/de/help/games/quiz-questions-and-answers): Antworttypen, Bilder und Video, Mehrfachantworten, richtige Antworten und Punkte, Texte nach der Antwort, Farben und aktive Zeiträume. ## Brauchen Sie noch Hilfe? Echte Menschen helfen Ihnen gern. Wenn Sie Scratcher bereits nutzen, ist der Chat in der Plattform der schnellste Weg. - **[Chatten Sie mit uns](https://platform.scratcher.io/login)** Melden Sie sich an und klicken Sie unten rechts auf den Chat-Button. Rex antwortet sofort, und unser Team ist nur einen Klick entfernt. - **[Termin buchen](https://scratcher.io/de/book-a-meeting)** Ein kostenloser 30-minütiger Videocall mit unserem Team: eine Tour, Kampagnenideen oder Hilfe bei Ihrer Einrichtung. - **[Schreiben Sie uns](mailto:kontakt@scratcher.io)** Schreiben Sie an kontakt@scratcher.io, und wir melden uns bei Ihnen.