Möchtest du deinen Quiz-Funnel direkt in eine Landingpage oder einen eigenen Bereich deiner Website einbinden? Hier erfährst du, wie du ein nahtloses Inline-Quiz-Erlebnis erstellst.
Einbettung einrichten
Konfiguriere deinen Quiz-Funnel zuerst für die eingebettete Anzeige:
- Öffne deinen Quiz-Funnel im bluebarry-Editor
- Gehe zu „Settings → Display“ (Einstellungen → Anzeige)
- Wähle den Typ „Full page display“ (Vollbildanzeige)
- Speichere deine Änderungen
Embed-Code abrufen
- Klicke in deinem Quiz-Funnel auf den Button „Share“ (Teilen)
- Wähle „Embed“ (Einbetten)
- Kopiere den angezeigten Embed-Code
Einbettungsoptionen
Option A: Bereichseinbettung
Bette das Quiz als Abschnitt in eine bestehende Seite ein. Das Quiz erscheint nahtlos zwischen deinen restlichen Inhalten und nimmt einen fest definierten Bereich der Seite ein.
Ideal für: Produktquiz-Bereiche, Blöcke wie "Hilfe bei der Auswahl?", Kategorieseiten.
Option B: Vollbildeinbettung
Erstelle eine eigene Seite, auf der das Quiz den gesamten sichtbaren Bereich einnimmt. Besucher erhalten so ein fokussiertes, immersives Quiz-Erlebnis.
Ideal für: Eigenständige Landingpages, Kampagnenziele, Onboarding-Strecken.
Integration
Füge den Embed-Code an der Stelle deiner Seite ein, an der das Quiz erscheinen soll:
- WordPress: Nutze einen „Custom HTML“-Block (Individuelles HTML)
- Shopify: Bearbeite dein Theme und füge den Code in einen Abschnitt oder eine Seitenvorlage ein
- Standard-HTML: Füge den Code direkt in das HTML deiner Seite ein
💡 Bewährte Methoden
- Gib dem Quiz ausreichend Platz in der Höhe und zwänge es nicht in einen zu kleinen Container
- Teste das eingebettete Quiz auf Mobilgeräten, um eine responsive Darstellung sicherzustellen
- Beachte den Seitenkontext: Das Quiz sollte sich harmonisch an seinem Platz einfügen
- Platziere eine aussagekräftige Überschrift über der Einbettung, die den Zweck des Quiz erklärt