Quizanta.
Kostenlos starten

Einrichtung

Dein Quiz auf deiner Website

Drei Wege, je nachdem womit deine Website gebaut ist. Keiner braucht einen Entwickler, und keiner kopiert das Quiz in deine Seite: der Funnel bleibt in Quizanta — änderst du ihn dort, ändert er sich überall, wo er auftaucht.

Was du vorher brauchst

Einen veröffentlichten Funnel. Öffne ihn in Quizanta → Integrationen, dort steht seine Adresse; der letzte Teil dieser Adresse ist sein Slug, und jeder Weg unten fragt danach.

quizanta.com/q/kuechen-berlin → der Slug ist kuechen-berlin

WordPress und WooCommerce

Das Plugin

In WordPress scheitert das Einfügen eines Skripts meistens: der Block-Editor entfernt es bei allen, die keine Administratoren sind, und Page-Builder kodieren es um. Das Plugin setzt den Funnel stattdessen in einen Block.

Plugin herunterladen
  1. 1InstallierenPlugins → Installieren → Plugin hochladen, die heruntergeladene Datei wählen, installieren und aktivieren.
  2. 2Mit deinem Konto verbindenEinstellungen → Quizanta. Den API-Key aus Quizanta → Integrationen einfügen, dann erscheinen deine veröffentlichten Funnel in einem Menü. Der Key ist optional — ohne ihn tippst du den Slug. Er kann außerdem deine Leads lesen, also nur auf einer Website hinterlegen, deren Administratoren sie sehen dürfen.
  3. 3Auf eine Seite setzenDen Block „Quizanta quiz“ dort einfügen, wo der Funnel erscheinen soll. In Elementor, Divi, WPBakery oder einem anderen Builder stattdessen ein HTML- oder Text-Widget mit dem Shortcode.
  4. 4Oder auf die ganze WebsiteEinstellungen → Quizanta → Schwebender Button: einen Funnel wählen, und in der Ecke jeder Seite erscheint ein Button. Leer lassen heißt keiner.
Was Block und Shortcode können
  • Auf der Seite oder als Button in der Ecke — eine Einstellung pro Block.
  • Ein anderer Funnel je Seite: jeder Block nennt seinen eigenen, der aus den Einstellungen ist nur der Rückfall.
  • Eine Mindesthöhe, für den Moment bevor der Funnel seine eigene meldet.

[quizanta slug="YOUR-FUNNEL"]

Jede andere Plattform

Eine Zeile Code

Shopify, Wix, Squarespace, Webflow, Tilda, PrestaShop, eine handgeschriebene Seite — alle nehmen dasselbe Snippet. Kopiere es aus Quizanta → Integrationen, dein Funnel ist schon eingesetzt.

Auf der Seite

Das div dorthin, wo der Funnel erscheinen soll, das Skript irgendwo auf dieselbe Seite. Der Funnel meldet seine eigene Höhe und lässt deshalb keine Lücke.

<div data-quizanta="YOUR-FUNNEL"></div>
<script src="https://quizanta.com/widget.js" async></script>
Als Button in der Ecke

Ein Tag, kein div. Der Button begleitet den Besucher über alle Seiten, auf denen er liegt, und öffnet den Funnel darüber.

<script src="https://quizanta.com/widget.js" data-quizanta="YOUR-FUNNEL" data-mode="popup" async></script>

Wohin damit, Plattform für Plattform

Die Menünamen wandern bei allen diesen Plattformen von Version zu Version. Passt eine Bezeichnung unten nicht mehr, nimm die nächstliegende — die Stelle stimmt, auch wenn die Wörter sich ändern.

Shopify
Auf der Seite
  1. 1.Onlineshop → Themes → Anpassen.
  2. 2.Oben im Editor die gewünschte Seite wählen, dann Abschnitt hinzufügen → Eigenes Liquid.
  3. 3.Das Snippet „auf der Seite“ einfügen, YOUR-FUNNEL durch deinen Slug ersetzen, Speichern.
Als Button in der Ecke
  1. 1.Onlineshop → Themes → ⋯ → Code bearbeiten.
  2. 2.Layout → theme.liquid öffnen.
  3. 3.Das Button-Snippet in die Zeile vor </body> einfügen und speichern. Damit liegt es auf jeder Seite des Shops.
Wix
Auf der Seite
  1. 1.Im Editor: Hinzufügen (+) → Code einbetten → HTML einbetten.
  2. 2.Auf Code eingeben klicken, das Snippet „auf der Seite“ einfügen, Übernehmen.
  3. 3.Den Rahmen auf die gewünschte Breite ziehen, dann Veröffentlichen.
Als Button in der Ecke
  1. 1.Dashboard → Einstellungen → Eigener Code → + Code hinzufügen.
  2. 2.Das Button-Snippet einfügen, Position Body – Ende, für Alle Seiten, einmal laden.
  3. 3.Übernehmen, dann Veröffentlichen.
Squarespace
Auf der Seite
  1. 1.Seite bearbeiten → Block hinzufügen → Code.
  2. 2.Das Snippet „auf der Seite“ einfügen, Sprache auf HTML, „Quellcode anzeigen“ nicht anhaken.
  3. 3.Speichern.
Als Button in der Ecke
  1. 1.Einstellungen → Erweitert → Code-Injektion.
  2. 2.Das Button-Snippet in das Feld Footer einfügen.
  3. 3.Speichern.
Webflow
Auf der Seite
  1. 1.Ein Embed-Element dorthin ziehen, wo der Funnel erscheinen soll.
  2. 2.Das Snippet „auf der Seite“ einfügen, Save & Close.
  3. 3.Publish.
Als Button in der Ecke
  1. 1.Project settings → Custom code.
  2. 2.Das Button-Snippet in Footer code einfügen, vor dem </body>-Tag.
  3. 3.Save, dann Publish.
Tilda
Auf der Seite
  1. 1.Im Seiteneditor: Block hinzufügen → Sonstiges → T123 (HTML-Code).
  2. 2.Das Snippet „auf der Seite“ in den Inhalt des Blocks einfügen.
  3. 3.Speichern und die Seite veröffentlichen.
Als Button in der Ecke
  1. 1.Website-Einstellungen → Mehr → HTML-Code für die ganze Website, Feld „vor </body>“.
  2. 2.Das Button-Snippet einfügen und speichern.
  3. 3.Alle Seiten neu veröffentlichen — diese Einstellung erreicht nur veröffentlichte Seiten.
PrestaShop
Auf der Seite
  1. 1.Design → Theme & Logo → das Template der gewünschten Seite, oder ein Modul, das rohes HTML annimmt.
  2. 2.Das Snippet „auf der Seite“ dort einfügen, wo der Funnel erscheinen soll.
  3. 3.Erweiterte Einstellungen → Leistung → Cache leeren.
Als Button in der Ecke
  1. 1.Das Footer-Template des Themes (footer.tpl), direkt vor </body>.
  2. 2.Das Button-Snippet einfügen.
  3. 3.Erweiterte Einstellungen → Leistung → Cache leeren.

Ohne Website

Einfach der Link

Jeder Funnel ist eine eigene Seite und braucht nichts, um zu funktionieren: Link in die Instagram-Bio, per WhatsApp verschicken, den QR-Code aus Quizanta → Integrationen auf den Transporter, eine Karte oder eine Rechnung drucken. Häng ?utm_source= an, dann siehst du bei den Anfragen, ob sie vom Transporter oder aus dem Schaufenster kamen.

Wenn nichts erscheint

Die Seite zeigt nichts, wo der Funnel sein sollte

Zwei übliche Ursachen: der Funnel ist noch nicht veröffentlicht, oder der Slug stimmt nicht. Vergleiche ihn mit der Adresse in Quizanta → Integrationen — ein nur gespeicherter Funnel hat keine öffentliche Seite.

Im Funnel ist eine Scrollleiste, oder darunter klafft eine Lücke

Der Rahmen meldet seine Höhe, während der Besucher weiterklickt. Erzwingt dein Theme eine feste Höhe für iframes, nimm sie heraus und setze stattdessen die Mindesthöhe am Block.

Der Button in der Ecke ist in der falschen Sprache

Bevor der Funnel geladen ist, liest der Button die Sprache deiner Seite. Das WordPress-Plugin schickt die der Website, sonst gilt <html lang>. Mit data-lang="de" am Script-Tag legst du sie fest.

Bei mir geht es, bei einem Besucher nicht

Fast immer ein Caching-Plugin oder ein CDN mit einer alten Kopie der Seite. Cache leeren und ohne ihn neu laden.

Kommst du nicht weiter?

Schreib an support@quizanta.com und nenne die Adresse der Seite, auf die der Funnel soll. Diese eine Zeile klärt es meistens.

Mach aus Gesprächen Kunden — keine Neugierigen.

Erstelle dein Quiz in Minuten. Teile es auf Instagram, WhatsApp oder deiner Website — qualifizierte Leads landen direkt in WhatsApp.

Kostenlos starten Alle Vorlagen ansehen
  • Keine Kreditkarte
  • Unbegrenzte Leads
  • In 5 Minuten online