Mit den Theme- und Layout-Einstellungen fügt sich das Produktquiz nahtlos in deinen Onlineshop ein. Passe Farben, Schriften, Button-Stile, Karten, Bilder und responsive Layouts vor dem Launch an.
Styling anpassen
- Gehe zum Dashboard.
- Öffne den Quiz-Funnel, dessen Design du anpassen möchtest.
- Klicke auf Design quiz.
- Klicke in der linken Leiste auf das Symbol Design.
- Klicke bei der Theme-Karte, die du bearbeiten möchtest, auf Edit.
- Nutze Brand identity, um dein Logo hochzuladen oder zu ändern.
- Nutze Typography, um Body font (Fließtext) und Headings font (Überschriften) zu prüfen.
- Nutze Global colors, um Page background (Seitenhintergrund), Primary text (Haupttext) und Progress bar (Fortschrittsbalken) anzupassen.
- Nutze Buttons & inputs, um Primary buttons (Haupt-Buttons), Background (Hintergrund), Text und Size (Größe) anzupassen.
- Prüfe die Vorschau auf Desktop und Mobilgeräten.
Nach dem Speichern der Styling-Änderungen aktualisiert sich die Quiz-Vorschau. Veröffentliche das Produktquiz, sobald die Änderungen für deine Kundschaft sichtbar sein sollen.
Styling-Checkliste
| Bereich | Was zu prüfen ist |
|---|---|
| Farben | Buttons, Hervorhebungen und Auswahlzustände passen zum Markenauftritt. |
| Typografie | Frage- und Antworttexte sind auf Mobilgeräten gut lesbar. |
| Bilder | Auf Antwort- und Produktbildern werden keine wichtigen Details abgeschnitten. |
| Abstände | Das Produktquiz wirkt weder im Pop-up noch im eingebetteten Modus eingeengt. |