Übersicht

Erfahre, wie du deinem Popup-, Flyout- oder Vollseiten-Anmeldeformular einen Teaser hinzufügst. Ein Teaser ist ein kleines Widget, auf das eine Besucher*in klicken kann, um ein Formular zu öffnen oder es erneut zu öffnen, nachdem sie es geschlossen hat.

Teaser können für Pop-up-, Flyout- und ganzseitige Formulare verwendet werden. Teaser sind für eingebettete Formulare oder Banner nicht verfügbar.

Füge einen Teaser zu einem Pop-up, Flyout oder einem ganzseitigen Anmeldeformular hinzu

  1. Navigiere zu Website > Anmeldeformular.
  2. Klicke für ein bestehendes Formular auf Bearbeiten oder erstelle ein neues.
  3. Klicke im Formular-Editor auf (+) Teaser.
The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Teaser-Stil auswählen

Wähle unter Stil eine von drei Teaser-Formen aus:

  • Rechteck
    Verwende die Rechteckform für einen Teaser im Tab-Stil.
  • Kreis
    Die Kreisform für einen Teaser im Blasenstil verwenden
  • Ecke
    Die Eckenform für einen Teaser verwenden, der in einer Ecke deiner Website platziert ist

Positioniere unter Layout deinen Teaser an einer Seite oder in einer Ecke deiner Website. Ecken-Teaser können nur in einer Ecke platziert werden. Die Größe des Teasers ist für eine Vielzahl von Geräten optimiert. Sieh dir unbedingt die Vorschau für Desktop und Mobilgeräte an, um sicherzustellen, dass die Platzierung des Teasers nicht mit anderen Pop-up- oder Teaser-ähnlichen Elementen auf deiner Website kollidiert.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

Wähle unter Layout im Dropdown-Menü Größe die Option Klein, Mittel, Groß oder Benutzerdefiniert aus. Wenn du Benutzerdefiniert auswählst, gib eine Breite in Pixeln ein.

Auf Mobilgeräten erweitern sich rechteckige Teaser, die oben oder unten auf der Seite positioniert sind, auf die verfügbare Breite, wobei ihre Ränder berücksichtigt werden. Diese automatische Breitenanpassung gilt nicht für rechteckige Teaser, die auf der linken oder rechten Seite positioniert sind. Prüfe die mobile Vorschau, wenn du eine Größe und Position auswählst.

Den Inhalt des Teasers bearbeiten

Unter Text fügst du Text und Textstile in deinem Teaser hinzu oder bearbeitest sie. Mindestens sollte dein Teaser das Angebot deines Formulars andeuten. Halte den Teaser kurz, um maximale Wirkung zu erzielen. Nutze diese Beispiele für Teaser-Text als Inspiration:

  • 15 % Rabatt
  • Geschenk einlösen
  • 🎁
  • Giveaway eingetragen
  • Kostenloser Versand ➡️

Wenn dein Teaser-Text ein bestimmtes Angebot erwähnt, stell sicher, dass du dieses Angebot Abonnent*innen entweder in der Erfolgsmeldung deines Formulars oder mithilfe einer Welcome-Serie bereitstellst.

Du kannst das Design deines Teasers auch mit Hintergrundfarbe, Schlagschatten, Hintergrundbild und Blockrand bearbeiten. Bei rechteckigen Teasern kannst du auch den Eckenradius anpassen.

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Teaser-Verhalten festlegen

Wähle unter Anzeigeeinstellungen 1 der folgenden Optionen aus, um festzulegen, wann dein Teaser angezeigt wird:

  • Anzeigen, nachdem das Formular geschlossen wurde
    Ein Teaser, der so eingestellt ist, dass er angezeigt wird, nachdem ein Formular geschlossen wurde, ermöglicht es Besucher*innen, das Formular erneut zu öffnen, wenn sie es wegklicken, wird aber nicht angezeigt, bevor das Formular eingeblendet wird. Der Teaser kann weiterhin auf Seiten angezeigt werden, die den Targeting-Einstellungen des Formulars entsprechen, es sei denn, Besucher*innen klicken den Teaser weg. Um zukünftige Einblendungen nach einer primären Conversion-Aktion zu stoppen, verwende die Häufigkeitseinstellung, die unten unter Formular-Teaser und primäre Conversion-Aktionen beschrieben wird.
  • Vor dem Anzeigen des Formulars anzeigen
    Ein Teaser, der so eingestellt ist, dass er vor dem Anzeigen eines Formulars angezeigt wird, erscheint 2 Sekunden, nachdem die Seite geladen wurde. Sie wird angezeigt, bis eine Besucher*in darauf klickt oder bis die Anzeigebedingungen des Formulars erfüllt sind (z. B. Zeitverzögerung oder Scroll-Prozentsatz).

Beachte, dass der Teaser übersprungen wird, wenn dein Formular so eingestellt ist, dass es sofort beim Laden der Seite oder nach weniger als 2 Sekunden Wartezeit angezeigt wird.

  • Vor dem Anzeigen des Formulars und nachdem das Formular geschlossen wurde anzeigen
    Ein Teaser mit dieser Einstellung wird 2 Sekunden nach dem Laden der Seite angezeigt und bleibt sichtbar, es sei denn, das Formular ist derzeit geöffnet oder Besucher*innen schließen den Teaser. Die Frequenzeinstellungen des Formulars bestimmen, ob es nach einer primären Conversion-Aktion erneut angezeigt wird, wie unten beschrieben.

Deine Einstellungen zur Kollisionsvermeidung können das anfängliche Erscheinungsbild eines Teasers beeinflussen. Wenn bereits ein anderes Formular angezeigt wurde, kann eine Einstellung, die nur 1 Formular pro Sitzung zulässt, verhindern, dass der Teaser eines anderen Formulars angezeigt wird, während eine Zeitverzögerung ihn verzögern kann. Beispielsweise kann eine Verzögerung von 5 Minuten den Teaser des nächsten Formulars verzögern, bis dieses Intervall verstrichen ist. Der Teaser für das Formular, das du gerade geschlossen hast, kann angezeigt werden, ohne auf die Kollisionsverzögerung zu warten.

Zusätzlich zu den oben genannten Regeln wird ein Teaser nur Besucher*innen angezeigt, die die Targeting-Einstellungen des Formulars erfüllen, die sich im Abschnitt Targeting- und Anzeigeverhalten deines Formulars befinden. Ein Teaser, der beispielsweise so eingestellt ist, dass er vor dem Anzeigen eines Formulars angezeigt wird, wird nur Besucher*innen angezeigt, die die Targeting-Einstellungen des Formulars erfüllen (d. h. Listen-/Segmentzugehörigkeit, Standort und URL). Sobald die verbleibenden Trigger dieses Formulars erfüllt sind (z. B. Exit Intent, Scroll-Länge oder Zeitverzögerung), wird der Teaser geschlossen und das Formular wird angezeigt.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

Füge deinem Teaser eine Schließen-Schaltfläche hinzu

Du kannst deinem Formular-Teaser eine Schließen-Schaltfläche hinzufügen (die X-Schaltfläche), damit deine Kund*innen den Teaser schließen können, wenn sie nicht an den Inhalten des Formulars interessiert sind.

Standardmäßig enthält dein Teaser kein Schließen-Symbol. Klicke auf das Pluszeichen (+) neben Schließen-Symbol, um eins hinzuzufügen.

Beachte, dass, wenn ein*e Shopper*in auf das X klickt, um den Teaser zu schließen, dafür dieselben Regeln für die Anzeigehäufigkeit gelten wie für das Anmeldeformular, mit dem er verbunden ist. Wenn ein*e Shopper*in beispielsweise sowohl ein Formular als auch den zugehörigen Teaser schließt und dieses Formular so eingestellt ist, dass es 5 Tage nachdem jemand es geschlossen hat erneut angezeigt wird, folgen sowohl das Formular als auch der zugehörige Teaser der Verhaltenseinstellung und werden in 5 Tagen erneut angezeigt.

Teaser für Formulare und primäre Conversion-Aktionen

Wenn ein Teaser in einem mehrstufigen Formular so eingestellt ist, dass er angezeigt wird, nachdem das Formular geschlossen wurde, können Besucher*innen ihn verwenden, um zum Formular zurückzukehren. Damit das Formular und der Teaser nicht erneut angezeigt werden, nachdem Besucher*innen die primäre Conversion-Aktion abgeschlossen haben, konfiguriere die Häufigkeitseinstellungen des Formulars. Für ein Formular, das automatisch angezeigt wird:

  1. Öffne Zielgruppen- & Anzeigeverhalten und wähle den Tab Anzeige aus.
  2. Wähle unter Häufigkeit Nicht mehr anzeigen, wenn das Formular gesendet wurde oder wenn auf die Schaltfläche zum Aufrufen der URL geklickt wurde aus.

Wenn diese Einstellung ausgewählt ist, werden das Formular und der Teaser bei späteren Seitenaufrufen nach einer primären Conversion-Aktion nicht mehr angezeigt. Wenn du sie deaktivierst, verhindert das Abschließen der Aktion keine zukünftigen Anzeigen. Die primäre Conversion-Aktion hängt vom Formular ab:

  • Bei Formularen mit E-Mail- oder SMS-Abonnementaktionen gilt das Absenden einer E-Mail-Adresse oder Telefonnummer als primäre Conversion-Aktion.
  • Bei Formularen, die sowohl E-Mail- als auch SMS-Felder über mehrere Schritte hinweg enthalten, zählt das Absenden des Felds, das im Formular zuerst angezeigt wird, als primäre Conversion-Aktion.

Wenn eine Person, die die Seite besucht, den primären Conversion-Schritt absendet (z. B. den E-Mail-Schritt in einem mehrstufigen Formular) und dann den zweiten Schritt ablehnt (z. B. den SMS-Schritt), kann der Teaser trotzdem auf der aktuellen Seite angezeigt werden. Wenn die obige Häufigkeitseinstellung ausgewählt ist, wird der Teaser nicht mehr angezeigt, nachdem die Person, die die Seite besucht, die Seite aktualisiert oder zu einer neuen Seite navigiert.

  • Bei Formularen ohne E-Mail- oder SMS-Abonnementaktion (z. B. ein Flash-Sale-Popup mit einer Aktion „Zur URL gehen“) zählt ein Klick auf die Schaltfläche „Zur URL gehen“ als primäre Conversion-Aktion.

Wenn die primäre Conversion-Aktion eines mehrstufigen Formulars nicht abgeschlossen wurde, wird das Formular durch Klicken auf den Teaser des Formulars auf derselben Seite beim letzten nicht abgeschlossenen Schritt wieder geöffnet.

Veröffentliche deine Änderungen

  1. Überprüfe dein Formular und deinen Teaser in den Desktop- und Mobilvorschauen und behebe alle Warnmeldungen, die das Veröffentlichen blockieren.
  2. Klicke im Formular-Editor auf Veröffentlichen oder planen.
  3. Wähle die Option Publish now aus, und klicke dann auf Publish now, um deine Änderungen auf das Live-Formular anzuwenden.

Einen Teaser löschen

Wenn du einen Teaser löschst, werden alle seine Einstellungen entfernt. Wenn du später erneut einen Teaser zum selben Formular hinzufügst, wird er auf die Teaser-Standardeinstellungen zurückgesetzt.

  1. Klicke im Formular-Editor auf die 3 Punkte auf der Schaltfläche Teaser und klicke dann auf Löschen.
  2. Klicke auf Teaser löschen, um zu bestätigen.
  3. Klicke auf Veröffentlichen oder planen, wähle die Option Jetzt veröffentlichen aus und klicke dann auf Jetzt veröffentlichen, um das Entfernen auf das Live-Formular anzuwenden.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Weitere Ressourcen

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Partner
Beauftragen Sie einen Klaviyo-zertifizierten Experten, der Ihnen bei einer bestimmten Aufgabe hilft oder für das laufende Marketing-Management zuständig ist.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp