MailInApp

Glücksrad- & Rubbelkarten-Popups für Listenwachstum

Ein schlichtes „Abonnieren Sie unseren Newsletter“-Popup konvertiert mit 1–2 %. Ein Glücksrad oder eine Rubbelkarte gibt Besuchern einen aktiven Grund zum Absenden — sie spielen um einen Rabatt, statt nur ein Formular auszufüllen. MailInApp macht das zu einer nativen Funktion von Popup-Anmeldeformularen, konfiguriert im selben Formular-Builder, eingebettet im selben Vanilla-JavaScript-Snippet, mit Codes, die zusammen mit jedem Abonnenten in Ihrer Kontaktliste gespeichert werden.

Ein Glücksrad oder eine Rubbelkarte, eingebettet auf Ihrer eigenen Website, konfiguriert im Anmeldeformular-Builder — kein externes Plugin, keine separate App. Ein Besucher dreht oder rubbelt, erhält einen Rabattcode und meldet sich an. Der Code landet in seiner Bestätigungsnachricht und in Ihrer Kontaktliste, direkt mit diesem Abonnenten verknüpft.

Gamifizierte Lead-Magnete übertreffen bei der Konversionsrate regelmäßig schlichte „Treten Sie unserer Liste bei“-Popups. Die Spielmechanik erzeugt einen Mikro-Moment der Spannung, der einem Besucher einen aktiven Grund gibt, seine E-Mail-Adresse abzusenden, statt das Overlay wegzuklicken. MailInApp macht das zu einer nativen Funktion von Popup-Anmeldeformularen — kein Plugin von Drittanbietern nötig, kein separater Code zum Einbetten.

Wie es funktioniert

Erstellen oder bearbeiten Sie im Tab Anmeldeformulare ein Popup-Formular und öffnen Sie den Bereich Gamifizierter Lead-Magnet. Schalten Sie auf Glücksrad oder Rubbelkarte um und konfigurieren Sie dann Ihre Segmente oder Ihren Preis:

Glücksrad

Fügen Sie Radsegmente hinzu — jedes mit einer Anzeigebeschriftung (z. B. „15 % Rabatt“), einem Rabattcode und einer Gewinnquote. Gewinnquoten sind relative Gewichte (z. B. geben 3 Segmente mit den Quoten 40/40/20 dem dritten Segment eine Chance von 20 %). Der Code des Segments, auf dem das Rad landet, wird der Absendung angehängt und in der Bestätigungsnachricht nach dem Absenden angezeigt.

Rubbelkarte

Konfigurieren Sie eine einzelne Preisbeschriftung und einen Rabattcode. Ein Besucher sieht ein Rubbel-Overlay; sobald er seine E-Mail-Adresse einträgt und absendet, hebt sich das Overlay und deckt den Code auf.

Was das Einbettungs-Skript tut

Das Einbettungs-Skript (/f/[formId]/embed.js) ist reines Vanilla-JavaScript — kein React, keine externe Laufzeitumgebung auf der Website Ihres Kunden nötig. Es rendert das Rad mit HTML5 Canvas oder die Rubbelkarte mit einem CSS-/Pointer-Event-Overlay, eingebettet im Popup. Da es eigenständig ist, funktioniert es auf jeder Website, ohne deren eigenes JavaScript-Framework anzufassen.

Der Rabattcode wird der Formular-Absendung angehängt und zusammen mit der Kontaktzeile des Abonnenten gespeichert, sodass Sie Ihre Kontaktliste später nach vergebenem Code filtern oder ihn als Merge-Tag in einer Willkommens-E-Mail verwenden können.

Funktioniert es auch bei Inline- und gehosteten Formularen?

Gamifizierung ist nur bei Popup-Formularen verfügbar — die Overlay-first-Nutzererfahrung passt natürlich zur vollflächigen Popup-Mechanik. Inline- und gehostete Formulare bleiben einfache Felder.

Erste Schritte

  1. Gehen Sie zu Anmeldeformulare und erstellen oder bearbeiten Sie ein Popup-Formular.
  2. Öffnen Sie den Bereich Gamifizierter Lead-Magnet und wählen Sie Glücksrad oder Rubbelkarte.
  3. Fügen Sie Ihre Segmente/Ihren Preis, Rabattcode(s) und Gewinnquoten hinzu.
  4. Klicken Sie auf Speichern und holen Sie sich das aktualisierte Einbettungs-Snippet über Code holen.

Die vollständige Referenz für Einbettung und Konfiguration finden Sie unter Anmeldeformulare & Popups.

Ein typischer Ablauf zum Erstellen und Versenden

  1. 1

    Erstellen Sie ein Popup-Anmeldeformular

    Wählen Sie im Tab Anmeldeformulare Popup, richten Sie es auf eine Kontaktliste aus, und legen Sie den Auslöser fest (Verzögerung, Scroll oder Exit-Intent).

  2. 2

    Fügen Sie einen gamifizierten Lead-Magnet hinzu

    Öffnen Sie den Bereich Gamifizierter Lead-Magnet und wählen Sie Glücksrad oder Rubbelkarte — fügen Sie für ein Rad Segmente mit Beschriftungen, Codes und Gewinnquoten hinzu, oder einen einzelnen Preiscode für die Rubbelkarte.

  3. 3

    Veröffentlichen Sie es

    Code holen gibt Ihnen ein aktualisiertes Einbettungs-Snippet — platzieren Sie es auf Ihrer Website. Das Popup rendert das Rad oder die Rubbelkarte vor dem E-Mail-Feld.

  4. 4

    Verwenden Sie den Code in Ihrer Willkommens-E-Mail

    Der vergebene Code wird in der Kontaktzeile des Abonnenten gespeichert und in dessen Bestätigungsnachricht angezeigt — verwenden Sie ihn als Merge-Tag in einer Willkommens-E-Mail oder einem Double-Opt-in-Bestätigungsprojekt.

Blöcke, die dafür gebaut wurden

Häufig gestellte Fragen

Benötigt das Glücksrad ein Plugin von Drittanbietern?

Nein — das Einbettungs-Snippet enthält bereits die Canvas-Rendering-Logik für das Rad und das Rubbelkarten-Overlay. Platzieren Sie ein einziges Snippet auf Ihrer Website; keine zusätzlichen Bibliotheken, keine npm-Installation.

Kann ich das Rad gewichten, damit ein seltener Preis wirklich seltener ist?

Ja — jedes Segment hat ein Gewinnquote-Feld. Die Quoten sind relative Gewichte, sodass ein Rad mit Segmenten bei 40/40/20 dem dritten Segment eine effektive Chance von 20 % gibt. Jede Quote über 0 kann gewinnen.

Wohin geht der Rabattcode, nachdem der Besucher abgesendet hat?

Er wird der Absendung angehängt, in der Kontaktzeile gespeichert und in der Bestätigungsnachricht nach dem Absenden angezeigt. Verwenden Sie ihn als {{promo_code}}-Merge-Tag in jeder nachfolgenden Willkommens-E-Mail.

Funktioniert Gamifizierung auch bei Inline- und gehosteten Formularen?

Gamifizierung ist nur bei Popup-Formularen verfügbar — die Overlay-first-Interaktion passt natürlich zur vollflächigen Popup-Mechanik. Inline- und gehostete Formulare bleiben einfache Felder.

Verwandte Dokumentation

Siehe auch

Bauen Sie das im Studio

Starten Sie mit dem kostenlosen Tarif — jeder interaktive Block und die vollständige Fallback-Engine sind in jedem Tarif enthalten.

Kostenlos erstellenAlle Anwendungsfälle ansehen