Wie man einen Formular-Teaser hinzufügt

Geschätzt 6 Lesedauer in Minuten
|
Aktualisiert 11. Nov. 2024, 10:09 EST
Du wirst lernen

Du wirst lernen

Hier erfährst du, wie du einen Teaser zu deinem Popup- oder Flyout-Anmeldeformular hinzufügst. Dabei handelt es sich um ein kleines Widget, auf das ein Besucher klicken kann, um ein Formular nach Belieben zu schließen und erneut zu öffnen.

Teaser können für Popup-, Flyout- und Ganzseitenformulare verwendet werden. Teaser sind für eingebettete Formulare nicht verfügbar. 

Füge einen Teaser zu einem Popup oder Flyout oder einem ganzseitigen Anmeldeformular hinzu 

Füge einen Teaser zu einem Popup oder Flyout oder einem ganzseitigen Anmeldeformular hinzu 

Um einen Teaser zu einem Formular hinzuzufügen, navigiere zur Registerkarte Anmeldeformular und öffne ein bestehendes Formular oder erstelle ein neues. Klicke im Formulareditor auf (+) Teaser

Die Schaltfläche + Teaser wird in der Menüleiste des Formular-Editors ausgewählt.

Wähle einen Teaser-Stil

Wähle einen Teaser-Stil

Wähle unter Stile eine von 3 Teaser-Formen aus: 

  • Rechteck
    Verwende die Rechteckform für einen Teaser im Tab-Stil
  • Kreis
    Verwende die Kreisform für einen Teaser im Stil einer Sprechblase
  • Ecke
    Verwende die Eckform für einen Teaser, der in einer Ecke deiner Website versteckt ist.

Platziere deinen Teaser an einer der Seiten oder Ecken deiner Website. Die Größe des Teasers ist für eine Vielzahl von Geräten optimiert. Sieh dir unbedingt die Desktop- und Mobilvorschau an, um sicherzustellen, dass die Platzierung des Teasers nicht mit anderen Popup- oder Teaser-Elementen auf deiner Website kollidiert. 

Der Abschnitt Formatvorlagen für den Formulareditor zeigt ein Beispiel für ein Anmeldeformular, bei dem der Teaser in der rechten unteren Ecke auf Rechteck und die Größe Mittel eingestellt ist.

Hier kannst du auch eine Größe für deinen Formular-Teaser auswählen (z.B. Klein, Mittel, Groß, Benutzerdefiniert), indem du das Dropdown-Menü benutzt.

Wenn du einen rechteckigen Stil wählst, ändert sich die Größe auf dem Handy nicht. Rechteckige Formular-Teaser werden auf Mobilgeräten automatisch optimiert, damit sie zentriert und breiter angezeigt werden, damit man sie leichter antippen kann.

Bearbeite den Inhalt des Teasers

Bearbeite den Inhalt des Teasers

Unter Inhalt kannst du Text und Textstile in deinem Teaser hinzufügen oder bearbeiten. Dein Teaser sollte zumindest einen Hinweis auf das Angebot deines Formulars geben. Halte den Teaser kurz, um maximale Wirkung zu erzielen. Lass dich von diesen Beispielen für Teasertexte inspirieren: 

  • 15% Rabatt 
  • Geschenk einlösen 
  • 🎁
  • Verlosung betreten
  • Kostenloser Versand ➡️

Wenn in deinem Teaser-Text ein bestimmtes Angebot erwähnt wird, solltest du dieses Angebot entweder in der Erfolgsmeldung deines Formulars oder in einem Willkommensfluss an Abonnent/innen weitergeben. 

Hier kannst du auch dein Teaser-Design bearbeiten (z. B. Hintergrundfarbe, Farbradius, Schlagschatten, Hintergrundbild und Block Styles).

Der Abschnitt Inhalt, Hintergrund und Block Stile für ein Beispielformular Teaser im Formular-Editor.

Teaser-Verhalten einstellen

Teaser-Verhalten einstellen

Wähle eine der folgenden Optionen, um festzulegen, wann dein Teaser erscheinen soll: 

  • Nachdem das Formular geschlossen wurde
    Wenn ein Teaser so eingestellt ist, dass er nach dem Schließen eines Formulars angezeigt wird, kann ein Besucher das Formular erneut öffnen, wenn er es geschlossen hat, aber es wird nicht angezeigt, bevor das Formular erscheint. Der Teaser wird so lange auf allen Seiten angezeigt, bis der Besucher die primäre Conversion-Aktion des Formulars abgeschlossen hat. 
  • Vor der Anzeige des Formulars
    Ein Teaser, der vor der Anzeige eines Formulars angezeigt werden soll, erscheint 2 Sekunden nach dem Laden der Seite. Es wird so lange angezeigt, bis ein Besucher darauf klickt oder bis die Anzeigebedingungen des Formulars erfüllt sind (z. B. Zeitverzögerung oder Prozentsatz des Scrollens). 
    Wenn dein Formular so eingestellt ist, dass es sofort beim Laden der Seite oder nach weniger als 2 Sekunden angezeigt wird, wird der Teaser übersprungen. 
  • Vor der Anzeige des Formulars und nachdem das Formular geschlossen wurde
    Ein Teaser mit dieser Einstellung erscheint 2 Sekunden nach dem Laden der Seite und wird so lange angezeigt, bis das Formular geöffnet ist oder der Besucher seine primäre Conversion-Aktion abgeschlossen hat.

Wenn du in deinem Klaviyo-Konto die Einstellungen zur Kollisionsvermeidung aktiviert hast, werden Formular-Teaser nicht auf deiner Website angezeigt, da dies als Anzeige eines anderen Formulars in derselben Sitzung betrachtet wird. Du kannst die Zeitverzögerung in den Kollisionseinstellungen anpassen, damit der Teaser erscheint. Wenn deine Einstellungen zur Kollisionsvermeidung zum Beispiel so eingestellt sind, dass das nächste Formular nach 5 Minuten angezeigt wird, dann erscheint der Teaser nach 5 Minuten. 

Zusätzlich zu den oben genannten Regeln wird ein Teaser nur Besuchern angezeigt, die die Zielgruppeneinstellungen des Formulars erfüllen, die du im Abschnitt " Verhalten" & "Zielgruppen" deines Formulars findest. Ein Teaser, der vor der Anzeige eines Formulars eingeblendet wird, erscheint zum Beispiel nur bei Besuchern, die die Zielgruppeneinstellungen des Formulars erfüllen (d. h. Liste/Segmentzugehörigkeit, Standort und URL). Sobald die verbleibenden Auslöser für das Formular erfüllt sind (z. B. Beendigungsabsicht, Scrolllänge oder Zeitverzögerung), wird der Teaser geschlossen und das Formular erscheint. 

Der Abschnitt "Verhalten" des Menüs Teaser mit der Einstellung "Teaser anzeigen" nach dem Schließen des Formulars und der Einstellung "Umschalter zum Schließen anzeigen".

Füge einen Schließen-Button zu deinem Teaser hinzu

Du kannst einen Schließen-Button zu deinem Formular-Teaser hinzufügen (den X-Button), damit deine Kunden den Teaser schließen können, wenn sie nicht am Inhalt des Formulars interessiert sind.

In der Standardeinstellung enthält dein Teaser kein Schließsymbol. Schalte unter Verhalten die Schaltfläche Schließen anzeigen ein, um eine hinzuzufügen. 

Wenn eine Kundin oder ein Kunde auf das X klickt, um den Teaser zu schließen, gelten dieselben Regeln für die Anzeigehäufigkeit wie für das Anmeldeformular, mit dem er verbunden ist. Wenn ein Kunde zum Beispiel sowohl ein Formular als auch den dazugehörigen Teaser schließt und das Formular so eingestellt ist, dass es 5 Tage nach dem Schließen wieder angezeigt wird, folgen sowohl das Formular als auch der Teaser der Verhaltenseinstellung und werden in 5 Tagen wieder angezeigt.

Formular Teaser und primäre Conversion-Aktionen

Formular Teaser und primäre Conversion-Aktionen

Wenn ein Teaser zu einem mehrstufigen Formular hinzugefügt wird und so eingestellt ist, dass er nach dem Schließen des Formulars angezeigt wird, wird er so lange angezeigt, bis der Besucher die primäre Konvertierungsaktion des Formulars abgeschlossen hat. 

  • Bei Formularen mit E-Mail- oder SMS Anmeldeaktionen zählt die Übermittlung einer E-Mail oder Telefonnummer als primäre Umstellungsaktion.
  • Bei Formularen, die sowohl E-Mail- als auch SMS -Felder über mehrere Schritte hinweg enthalten, zählt das Absenden des Feldes, das zuerst im Formular erscheint, als primäre Umrechnungsaktion.

    Beachte, dass der Teaser nicht automatisch verschwindet, wenn du den zweiten Schritt ( SMS ) ablehnst, wenn der erste Schritt (d. h. der E-Mail-Schritt in einem mehrstufigen Formular) abgeschickt wird. Stattdessen musst du die Seite aktualisieren oder zu einer neuen Seite navigieren, um den Formular-Teaser nicht mehr zu sehen.

  • Bei Formularen ohne E-Mail- oder SMS-Abo-Aktion (z. B. bei einem Flash-Sale-Popup mit der Aktion "Gehe zur URL") zählt das Klicken auf die Schaltfläche "Gehe zur URL" als primäre Conversion-Aktion.

Wenn die primäre Konvertierungsaktion eines mehrstufigen Formulars nicht abgeschlossen wurde, wird das Formular durch Klicken auf den Teaser in derselben Browsersitzung beim letzten unvollständigen Schritt erneut geöffnet. 

Einen Teaser löschen

Einen Teaser löschen

Um den Teaser eines Formulars zu löschen, klicke auf die 3 Punkte auf der Schaltfläche Teaser und dann auf Löschen. Dadurch werden alle Teaser-Einstellungen entfernt. Wenn du zu einem späteren Zeitpunkt erneut einen Teaser zu demselben Formular hinzufügst, wird er auf die Teaser-Standardwerte zurückgesetzt. 

Die 3 Punkte neben der Teaser-Schaltfläche in der Menüleiste des Formular-Editors zeigen die Option zum Löschen an.

Zusätzliche Ressourcen 

Zusätzliche 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.
Live-Schulung (EN) ↗
Nimm an einer Live-Sitzung mit Klaviyo-Expert*innen teil, um mehr über Best Practices, die Einrichtung wichtiger Funktionen und mehr zu erfahren.
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