bluebarry.
KundenstimmenPreiseRessourcen
AnmeldenDemo buchen15-Minuten-Demo buchen
Hilfecenter/Veröffentlichen und Einbinden/Quiz-Funnel einbetten

Quiz-Funnel einbetten

Martijn Douma
Martijn Douma · Mitgründer bei bluebarry
Aktualisiert am 25. September 2026

Ein eingebettetes Quiz sitzt direkt in deiner Seite, wie jeder andere Abschnitt. Kein Button, kein Overlay: Man fängt dort an zu antworten, wo man landet. Das passt gut auf eine eigene Seite „Finde dein Produkt“ oder in einen Block „Hilfe bei der Auswahl?“ auf einer Kategorieseite.

Den Anzeigetyp Embedded wählen

Der Bereich Choose your preferred display type mit Pop-up, Side panel, Embedded und Full page, Embedded ist ausgewählt
  1. Gehe in der Seitenleiste zu Quiz funnels → All quizzes und klicke bei deinem Quiz auf Edit.
  2. Öffne den Tab Launch.
  3. Wähle unter Choose your preferred display type die Option Embedded („Inlined in your page without a close button“).

Öffnest du dasselbe Quiz auch über Buttons an anderen Stellen? Dann bleib bei Pop-up oder Side panel. Der Einbettungscode unten zeigt das Quiz immer eingebettet, egal was du hier wählst.

Den Einbettungscode holen

Der Bereich Embed in page im Tab Implementation mit dem iframe-Code und einem Button Copy
  1. Veröffentliche das Quiz, falls noch nicht geschehen.
  2. Klicke oben rechts im Editor auf den Veröffentlichen-Button und öffne den Tab Implementation.
  3. Klappe Embed in page auf und klicke auf Copy.

Der Code ist ein kleiner iframe, der die Breite seines Containers füllt und 600 Pixel hoch ist. Ändere height, wenn dein Quiz mehr Platz braucht.

In deine Seite einfügen

  • Shopify: Füge im Theme-Editor an der gewünschten Stelle einen Abschnitt Custom Liquid (oder einen eigenen HTML-Block) hinzu und füge den Code ein.
  • WordPress und WooCommerce: Nutze einen Block Custom HTML (Individuelles HTML).
  • Jede andere Website: Füge den Code an der Stelle in das HTML der Seite ein, an der das Quiz stehen soll.

Du fügst den Code nur einmal ein. Veröffentlichst du eine neue Version des Quiz, zeigt die Einbettung sie automatisch.

Wo du einbettest

Als Abschnitt einer Seite

Setz das Quiz zwischen deine anderen Inhalte, etwa unter die Einleitung einer Kategorieseite. Gib ihm eine klare Überschrift, zum Beispiel „Unsicher, welches passt? Mach das 1-Minuten-Quiz“.

Als eigene Seite

Leg eine eigene Quiz-Seite an und gib der Einbettung den Großteil des Bildschirms. Auf diese Seite verlinkst du aus E-Mails, Anzeigen und Social Media.

Tipps

  • Gib dem Quiz genug Höhe. In einer zu engen Einbettung muss man im Quiz scrollen.
  • Prüfe die Seite auf dem Handy. Die meisten Quiz-Besuche sind mobil.
  • Lieber ein Vollbild-Erlebnis ohne eigene Seite? Wähle den Anzeigetyp Full page und öffne das Quiz über einen Button. Siehe Quiz über einen Button starten.

Weitere Artikel

Quiz-Funnels in deinen Shop einbauen

Bau das bluebarry-Skript einmal in deinen Shop ein, über die App deiner Plattform oder das Funnel-Skript, und wähle dann, wie sich jedes Quiz öffnet.

Artikel lesen →

Quiz über einen Button starten

Öffne dein Quiz über einen Button oder Link: mit den Shopify-App-Blöcken pro Kollektion oder mit Quiz-Link und Button-Snippet in jedem anderen Shop.

Artikel lesen →

Für einen schnellen Shop entwickelt

Performance steht bei bluebarry an erster Stelle. Kleine Skripte, schlanke Quizze und schnelle Auslieferung über Cloudflare, auch bei weiteren Besuchen.

Artikel lesen →

Du kommst nicht weiter? Wir helfen dir.

Unsere Anleitungen stammen direkt vom Produktteam. Wenn eine Frage offenbleibt, melde dich bei uns. Wir helfen dir weiter und verbessern die Anleitung.

Kontakt aufnehmenKostenlos auf Discord austauschen
bluebarry.

Wir helfen Beauty-, Health- und Outdoor-Marken, ihren idealen AOV zu erreichen

[email protected]+31 6 57 16 10 87De Ried 10, 9285KK Buitenpost (Niederlande)
Martijn DoumaStan van RooyAnco PostmaJelmer Reitsma

Das Team, das deinen AOV steigert.

Plattform
Quiz-FunnelsLandingpagesProduktquizProduktempfehlungenShopsucheIntegrationenPreise
Ressourcen
FallstudienHilfebereichFAQVergleiche
Unternehmen
KontaktPartner & AffiliateBewertungenDemo anfragen
15-minütige Demo buchen
© 2026 bluebarry. Alle Rechte vorbehalten.
DatenschutzerklärungCookie-RichtlinieAGB
English/Nederlands/Deutsch
bluebarry