Wie du ein ganzseitiges Anmeldeformular als Landing Page verwendest

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

Du wirst lernen

Hier erfährst du, wie du in Klaviyo ein Anmeldeformular erstellst, das eine ganze Seite auf deiner Website einnimmt und sofort startet, wenn ein Besucher auf eine bestimmte URL klickt, ähnlich einer Landing Page, auf die Besucher navigieren können, um sich anzumelden. Um dies einzurichten, musst du zunächst das Formular für die ganze Seite erstellen und dann bestimmte Einstellungen für das Targeting & Verhalten anpassen, damit es erscheint, wenn ein Nutzer auf einen bestimmten Link klickt.

Ein ganzseitiges Anmeldeformular erstreckt sich über die gesamte Höhe und Breite der Seite, um wie eine individuelle Landing Page zu wirken; es ist eigentlich keine eigenständige Landing Page, und es muss ein Schließsymbol enthalten sein, damit die Besucher es schließen und ihr Surferlebnis fortsetzen können. Wenn ein Betrachter auf deinen Link klickt, wird deine Website geöffnet und das Formular für die ganze Seite erscheint sofort.

Ein neues ganzseitiges Formular erstellen

Ein neues ganzseitiges Formular erstellen

  1. Wähle Anmeldeformular in der linken Hauptnavigation.
  2. Um mit einer leeren Vorlage zu beginnen, wähle Anmeldeformular erstellen > Neues Anmeldeformular erstellen. 
    • Gib deinem Formular einen Namen und wähle die Liste, zu der das Abonnement hinzugefügt werden soll. 
    • Wähle einen ganzseitigen Formulartyp.
    • Klicke auf Speichern und beginne mit dem Entwurf deines neuen Formulars im Formulareditor.
      Das Erstellungsmodal, das angezeigt wird, wenn du eine Vorlage in der Formularbibliothek auswählst, in der du einen Namen, eine Liste für und einen Stiltyp für ein neues Formular auswählst.
  3. Wenn du stattdessen lieber ein bestehendes Formular in deinem Konto verwenden oder eine Vorlage aus der Formularbibliothek anpassen möchtest, gehst du im Editor in den Bereich Stile und stellst sicher, dass als Formulartyp Ganzseite eingestellt ist.
    Der Abschnitt "Stile" im Formulareditor wird geöffnet und zeigt die im Menü "Formulartyp" ausgewählte Vollseite an.
  4. Passe das Design und den Inhalt des Formulars an dein Ziel an. 
    • Wähle die Registerkarte Block hinzufügen auf der linken Seite, um verschiedene Eingabeblöcke auf dein Formular zu ziehen (z. B. ein Telefonnummernfeld, ein Datumsfeld usw.). Erfahre mehr über Formularblock und Felder.
    • Wähle die Registerkarte " Stile", um das Formular zu bearbeiten und an deine Marke anzupassen (z. B. Bilder, Hintergrundfarbe, Formularstile usw.). Erfahre mehr über Formularstile und Gestaltungsmöglichkeiten.
    • Wähle einen beliebigen Text in der Vorschau aus, um ihn zu bearbeiten und den Ton oder die Nachricht deines Formulars anzupassen.
Update der Call-To-Action auf deinem Formular

Update der Call-To-Action auf deinem Formular

  1. Klicke im Formulareditor auf die Schaltfläche "Senden" in der Vorschau deines Formulars (z. B. die Schaltfläche "Abonnieren" in der Abbildung unten).
  2. Setze die Aktion der Schaltfläche auf Formular einreichen. Du kannst hier auch die Liste anpassen, die du mit Abonnent hinzufügen möchtest. Wenn die Liste Double Opt-in ist, denke daran, die zugehörige Bestätigungsseite für das Abonnement zu aktualisieren.
  3. Wähle neben Nach dem Absenden entweder:
    • Zeige den nächsten Schritt, wenn du möchtest, dass neue Abonnenten die Erfolgsmeldung sehen, nachdem sie sich angemeldet haben.
    • Gehe zu URL und gib die Ziel-URL ein, wenn du Abonnent auf eine andere Seite auf deiner Website umleiten willst, z.B. deine Homepage.
      Ein Beispiel für ein ganzseitiges Formular, das im Formular-Editor erstellt wird. Das Button-Menü ist geöffnet und die Aktion ist auf Formular abschicken eingestellt, die Liste zum Abschicken ist auf Hauptliste eingestellt und nach dem Abschicken ist der nächste Schritt angezeigt.
Richte dein Formular so aus, dass es erscheint, wenn ein Link angeklickt wird

Richte dein Formular so aus, dass es erscheint, wenn ein Link angeklickt wird

  1. Wähle im Formulareditor den Abschnitt Targeting & Behaviors.
    Der Verhaltensabschnitt Targeting & ist markiert und wird im Formulareditor ausgewählt.
  2. Wähle unter Timing die Option Immediately.
  3. Unter Anzeigehäufigkeit stellst du den Zeitrahmen auf 0 Tage ein und wählst dann Nicht mehr anzeigen, wenn das Formular abgeschickt oder die Schaltfläche Zur URL gehen angeklickt wurde.
    Auf der Registerkarte "Anzeige" im Editor ist der Zeitpunkt des Formulars auf "sofort" eingestellt, die Häufigkeit auf "nach 0 Tagen" und die Schaltfläche auf "nicht mehr anzeigen", nachdem das Formular abgeschickt oder auf die URL geklickt wurde.
  4. Wechsle oben zum Abschnitt Targeting.
  5. Wähle unter Besucher die Option Allen Besuchern zeigen.
    Im Formular-Editor wird das Menü Targeting geöffnet und unter Besucher die Option Allen Besuchern zeigen ausgewählt.
  6. Wähle unter Targeting nach URL die Option Nur auf bestimmten URLs anzeigen und wähle dann aus dem Dropdown-Menü Enthält
  7. Füge in das entsprechende Textfeld einen Ankerlink ein. Ein Ankerlink beginnt mit einem Hashtag, gefolgt von einem beschreibenden Seitennamen (z. B. #InstagramSignup).
    • Wird an das Ende der URL deiner Website angehängt (z. B. https://swak-lip-care. myshopify.com/#InstagramSignup), Jeder, der auf den Link klickt, wird auf deine Website weitergeleitet, wo das Formular sofort geladen wird, wie auf einer Landing Page.
      Setze das Targeting für ein Formular auf Alle Besucher anzeigen und das Target by URL auf Nur auf URLs anzeigen, die den Beispielankerlink enthalten.
  8. Achte darauf, dass das Schließen-Symbol (X-Button) auf deinem Formular leicht zu finden ist, denn nur so können die Kunden das Anmeldeformular von ihrem Bildschirm löschen. Klicke auf die X-Schaltfläche in der Vorschau des Editors, um sie anzupassen.
  9. Wenn du bereit bist, klicke auf Veröffentlichen.

Sobald das Formular veröffentlicht ist, fängst du an, über deinen Ankerlink Abonnenten zu sammeln. Die Betrachter müssen direkt auf die URL mit dem Ankerlink klicken oder ihn genau in ihren Browser eingeben, um deine Website mit dem Formular für die ganze Seite anzuzeigen.

Wenn SWAK Lippenpflege den Ankerlink zum Beispiel auf #InstagramSignup setzt, um ihn auf einer Instagram Geschichte zu posten, sieht der Link wie folgt aus:

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

Nächste Schritte

Nächste Schritte

Teile deinen Link in deinem sozialen Kanal oder in deinen Nachrichten, um die Zuschauer zu ermutigen, sich anzumelden und mehr von deiner Marke zu hören.

Um diesen Link in deiner Geschichte klickbar zu machen, verwende einen Instagram-Linksticker

Wenn du denjenigen, die sich über dieses Formular angemeldet haben, eine persönlichere Nachricht schicken möchtest, kannst du einen Split in deinen Willkommensfluss einbauen.

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