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
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.
Wähle einen Teaser-StilWä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.
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
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).
Teaser-Verhalten einstellenTeaser-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.
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
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öschenEinen 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.
Zusätzliche RessourcenZusätzliche Ressourcen
- Wie man ein Anmeldeformular A/B testet
- Anmeldeformular-Analytik verstehen
- Wie man Popup- und Flyout-Formulare für Mobilgeräte optimiert