So verwendest du ein Anmeldeformular auf einer vollständigen Seite als Landingpage

Übersicht

Erfahre, wie du in Klaviyo ein Anmeldeformular erstellst, das eine ganze Seite auf deiner Website ausfüllt und sofort startet, wenn jemand auf eine festgelegte URL klickt – ähnlich wie eine Landingpage, zu der Besucher*innen navigieren können, um zu abonnieren. Um das einzurichten, musst du zuerst das Ganzseitenformular erstellen und dann bestimmte Einstellungen unter Targeting & behavior anpassen, sodass es angezeigt wird, wenn Kund*innen auf einen bestimmten Link klicken.

Ein Anmeldeformular im Vollbildmodus erstreckt sich über die gesamte Höhe und Breite der Seite, damit es wie eine benutzerdefinierte Landingpage wirkt; es ist jedoch keine eigenständige Landingpage, und es muss ein Schließen-Symbol enthalten sein, damit Besucher*innen es schließen und ihr Browser-Erlebnis fortsetzen können. Wenn jemand auf deinen Link klickt, wird deine Website geöffnet und das Vollbildformular wird sofort angezeigt.

Neues Vollseitenformular erstellen

1. Wähle im linken Hauptnavigationsbereich Anmeldeformulare aus.
2. Um mit einer leeren Vorlage zu starten, wähle Anmeldeformular erstellen > Neues Anmeldeformular erstellen.
   
   • Benenne dein Formular und wähle aus, zu welcher Liste Abonnent*innen hinzugefügt werden sollen.
   • Wähle einen ganze Seite -Formulartyp aus.
   • Klicke auf Speichern und gestalten, um mit der Erstellung deines neuen Formulars im Formular-Editor zu beginnen.
     

3. Wenn du stattdessen lieber ein vorhandenes Formular in deinem Konto verwenden oder aus einer Vorlage in der Formularbibliothek ein Formular anpassen möchtest, navigiere im Editor zum Abschnitt Stile und überprüfe, ob Ganze Seite als Formulartyp festgelegt ist.
   

4. Passe Design und Inhalt des Formulars an, damit es zu deinem Ziel passt.
   • Wähle links den Tab Blöcke hinzufügen aus, um verschiedene Eingabeblöcke per Drag-and-drop zu deinem Formular hinzuzufügen (z. B. Telefonnummernfeld, Datumsfeld usw.). Mehr über Formularblöcke und -felder erfahren.
   • Wähle den Tab Styles aus, um das Formular zu bearbeiten und anzupassen, sodass es zu deiner Marke passt (z. B. Bilder, Hintergrundfarbe, Formularstile usw.). Hier erfährst du mehr über Formularstile und Designoptionen.
   • Wähle in der Vorschau einen beliebigen Text aus, um ihn zu bearbeiten, und passe den Ton oder die Nachricht deines Formulars an.

Den Call-to-Action in deinem Formular aktualisieren

1. Klicke im Formular-Editor in der Vorschau deines Formulars auf die Schaltfläche zum Absenden (z. B. die Schaltfläche „abonnieren“ im Bild unten).
2. Lege die Aktion der Schaltfläche auf Formular senden fest. Hier kannst du auch die Liste anpassen, zu der Abonnent*innen hinzugefügt werden sollen. Wenn die Liste Double Opt-in ist, denk daran, die zugehörige Seite zur Bestätigung des Abonnements zu aktualisieren.
3. Wähle neben After Submit eine der folgenden Optionen aus:
   • Nächsten Schritt anzeigen, wenn neue Abonnent*innen nach der Anmeldung die Erfolgsmeldung sehen sollen.
   • Zu URL gehen und die Ziel-URL eingeben, wenn du Abonnent*innen auf eine andere Seite deiner Website weiterleiten möchtest, z. B. auf deine Homepage.
     

Richte dein Formular so aus, dass es angezeigt wird, wenn auf einen Link geklickt wird

1. Wähle im Formular-Editor den Abschnitt Targeting & Behaviors aus.
   

2. Wähle unter Timing Sofort aus.
3. Lege unter Anzeigehäufigkeit den Zeitraum auf 0 Tage fest und wähle dann Nicht mehr anzeigen, wenn das Formular gesendet wurde oder wenn auf die Schaltfläche zum Aufrufen der URL geklickt wurde.
   
   

4. Wechsle oben zum Abschnitt Targeting.
5. Wähle unter Besucher*innen die Option Allen Besucher*innen anzeigen.
   

6. Wähle unter Targeting by URL die Option Nur auf bestimmten URLs anzeigen, und wähle dann im Drop-down-Menü Enthält aus.
7. Füge in das entsprechende Textfeld einen Anker-Link ein. Ein Anker-Link beginnt mit einem Hashtag, gefolgt von einem beschreibenden Seitennamen (z. B. #InstagramSignup).
   • Wenn du es an das Ende der URL deiner Website anhängst (z. B. https://swak-lip-care.myshopify.com/#InstagramSignup), wird jede Person, die auf den Link klickt, zu deiner Website weitergeleitet, wo das Vollseitenformular sofort geladen wird, sodass ein Landingpage-Erlebnis nachgebildet wird.
     

8. Achte darauf, dass das Schließen-Symbol (X-Schaltfläche) in deinem Formular leicht zu finden ist, da dies die einzige Möglichkeit ist, wie Shopper*innen das Anmeldeformular auf ihrem Bildschirm schließen können. Klicke im Vorschaubereich im Editor auf die Schaltfläche „X“, um sie anzupassen.
9. Wenn du bereit bist, klicke auf Veröffentlichen.

Sobald das Formular veröffentlicht ist, beginnst du damit, über deinen Anker-Link Abonnent*innen zu sammeln. Zuschauer*innen müssen direkt auf die URL klicken, die den Anker-Link enthält, oder sie exakt in ihren Browser eingeben, damit deine Website mit dem Vollseitenformular angezeigt wird.

Wenn SWAK Lip care zum Beispiel den Ankerlink auf #InstagramSignup festlegt, um ihn in einer Instagram-Story zu posten, sieht der Link so aus:

https://swak-lip-care.myshopify.com/#InstagramSignup.

Nächste Schritte

Teile deinen Link in deinen Social-Media-Kanälen oder Nachrichten, um Zuschauer*innen zu ermutigen, sich anzumelden und mehr von deiner Marke zu hören.

Erwäge, deiner Welcome-Serie einen Split hinzuzufügen, um diejenigen gezielt anzusprechen, die sich über dieses Formular angemeldet haben, wenn du ihnen eine personalisiertere Nachricht senden möchtest.

Weitere Ressourcen