💡 Gut zu wissen

Landingpages sind im Rahmen von Business- und Enterprise-Plänen verfügbar (die alten Premium- und Enterprise-Pläne).

In diesem Artikel erklären wir Ihnen, wie Sie ein Formular zu Ihrer Landingpage hinzufügen und die erweiterten Optionen des Landingpage-Editors verwenden.

Wir haben eine Reihe von Artikeln zusammengestellt, um Ihnen bei der Erstellung Ihrer Landingpages zu helfen.

Vorwort: Was ist eine Landingpage?
Teil 1: Konfigurieren Ihrer Landingpage
Teil 2: Definieren der Struktur auf Ihrer Landingpage
Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage
Teil 4: Hinzufügen eines Formulars und Nutzung von erweiterten Optionen - SIE SIND HIER
Teil 5: Veröffentlichen Ihrer Landingpage

Ein Formular zu Ihrer Landingpage hinzufügen

Mit Formularen können Sie E-Mail-Adressen sammeln und automatisch zu Ihren Sendinblue-Listen hinzufügen.

Um ein Formular-Element zu Ihrer Landingpage hinzuzufügen:

Wählen Sie entweder Abschnitte > Vorgefertigte Abschnitte filtern > Formulare und wählen Sie dann einen vordefinierten Abschnitt, der bearbeitet und an Ihre Anforderungen angepasst werden kann,	oder fangen Sie ganz von vorne an, indem Sie ein neues Formular-Element zu Ihrer Landingpage hinzufügen.

Wählen Sie entweder Abschnitt > Vorgefertigte Abschnitte filtern > Formulare und wählen Sie dann einen vordefinierten Abschnitt, der bearbeitet und an Ihre Vorstellungen angepasst werden kann,	oder fangen Sie ganz von vorne an, indem Sie ein neues Element > Formular hinzufügen.

Ihr Formular konfigurieren

Nachdem Sie ein Formular-Element zu Ihrer Landingpage hinzugefügt haben, können Sie es nach Ihren Vorstellungen konfigurieren:

Ausrichtung

Diese Einstellung ist nur im neuen Landingpage-Editor verfügbar.

Die Einstellung Ausrichtung wird im Abschnitt Allgemeine Einstellungen in dem Artikel Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage erklärt.

Felder verwalten

Mit der Einstellung Felder verwalten können Sie auswählen, wo die Kontakte, die über das Formular gesammelt werden, gespeichert werden sollen und welche Informationen Sie von ihnen erhalten möchten. Sie können außerdem das Formular konfigurieren: Fügen Sie Felder hinzu und sortieren Sie sie, machen Sie Felder zu Pflichtfeldern, fügen Sie Hilfetext hinzu usw.

Um auf die Einstellungen Felder verwalten zuzugreifen, klicken Sie im Landingpage-Editor auf Ihr Formular.

Auswahl Ihrer Kontaktliste

Klicken Sie auf das Formular, um rechts das Menü Formular bearbeiten zu öffnen.
In Felder verwalten können Sie festlegen, wo in Ihrem Sendinblue-Konto die gesammelten E-Mail-Adressen gespeichert werden.
- Wählen Sie einen Listenordner aus dem ersten Drop-down-Menü.
- Wählen Sie eine Kontaktliste aus dem zweiten Drop-down-Menü.

❗️ Wichtig

Wenn Sie die Kontakte in Ihrer Liste aktualisieren möchten, wenn diese das Formular ausfüllen, müssen Sie die Option Existierende Kontakte bei Formulareinreichung aktualisieren unter Formularsteuerung aktivieren.

Felder konfigurieren

Fügen Sie für die Daten, die Sie sammeln möchten, als Nächstes verschiedene Felder zu Ihrem Leadgenerierungsformular hinzu.

Ein Kontaktfeld hinzufügen: In diesem Drop-down-Menü können Sie vorgefertigte Felder zu Ihrem Formular hinzufügen.
Ein neues Feld erstellen: Wenn das Kontaktattribut noch nicht existiert, können Sie hier eines erstellen.
Felder neu anordnen: Klicken Sie einfach auf = und ordnen Sie die Felder dann neu.
Ein Feld löschen: Mithilfe des Papierkorb-Symbols können Sie die Felder entfernen.

Klicken Sie auf das Feld und wählen Sie seine Einstellungen:
Bezeichnung: Zeigen Sie die Bezeichnung über dem Feld an.
Verborgen: Klicken Sie auf den Umschalter, um ein verborgenes oder ein im Formular sichtbares Feld zu erstellen.
Sie können ein verborgenes Formularfeld hinzufügen, wenn Daten automatisch ausgefüllt werden sollen, indem sie in der URL mit Abfrageparametern weitergeleitet werden.
Erforderlich: Legen Sie fest, ob es sich bei dem Feld um ein für das Senden des Formulars erforderliches Pflichtfeld handelt.

7. Je nach Feld sind verschiedene Einstellungen verfügbar:

Bezeichnung: Ändern Sie den Titel, der über dem Feld angezeigt wird.
Platzhalter: Geben Sie den Text ein, der in Ihrem Feld angezeigt werden soll. Standardmäßig ist der Text mit Ihrer Bezeichnung identisch.
Hilfetext: Geben Sie den Text ein, der unter Ihrem Feld anzeigt werden soll. Dies kann hilfreich für Vorschläge sein.
Standardwert: Dieser Wert wird mit Ihrer Sendinblue-Kontaktliste synchronisiert, wenn der Besucher das Feld nicht ausfüllt.
URL Parameter: Dieser Wert wird automatisch in das Formularfeld eingefügt. Die Benutzer können ihn auf Wunsch überschreiben. In unserem Artikel Ein Formular auf einer Landingpage mit Kontaktattributen vorausfüllen erfahren Sie mehr dazu.

❗️ Wichtig

Wenn Sie eine Telefonnummer zu Ihrem Formular hinzufügen, funktioniert ausschließlich das internationale Format, wie beispielsweise: +497911123456 in Deutschland, +12025550101 in den USA oder +33655678834 in Frankreich.
Bitte verwenden Sie den Platzhalter, um Ihren Benutzern bei der Eingabe des richtigen Formats zu helfen.

Weiterleitung nach der Einreichung des Formulars

In den Weiterleitungsoptionen können Sie festlegen, wohin Ihre Nutzer weitergeleitet werden, wenn sie ihre Kontaktdetails einreichen.

Verwenden Sie die Formularweiterleitungsaktion, um Ihre Kontakte auf eine Seite im Funnel (eine Unterseite Ihrer Landingpage) oder zu einer spezifischen URL weiterzuleiten:

Seite im Funnel: Wählen Sie aus, auf welche Funnel-Seite Ihre Kontakte weitergeleitet werden sollen.
Link zu einer URL: Geben Sie den Link zu der externen Seite ein, auf die Ihre Kontakte weitergeleitet werden sollen.

Double-Opt-in

Die Einstellung Double Opt-in ermöglicht es Ihnen, die Opt-in-Methode zu wählen, die Sie in Ihrem Formular verwenden wollen:

Single Opt-in:
1. Ihr neuer Kontakt gibt seine E-Mail-Adresse in das Formular ein.
2. Er wird zu Ihrer Sendinblue-Kontaktliste hinzugefügt.
Double Opt-in:
1. Ihr neuer Kontakt gibt seine E-Mail-Adresse in das Formular ein.
2. Der Kontakt erhält eine Bestätigungs-E-Mail und muss auf den darin enthaltenen Link klicken, um zu Ihrer Sendinblue-Kontaktliste hinzugefügt zu werden.

❗️ Wichtig

Es gibt zwei Möglichkeiten, um eine Double-Opt-in Anmeldung zu erstellen. Stellen Sie sicher, dass Sie nur eine dieser zwei möglichen Methoden verwenden: Aktivieren Sie die Double-Opt-in-Anmeldung durch Marketing Automation ODER durch ein Sendinblue-Anmeldeformular. Andernfalls erhalten Ihre Kontakte doppelte Double-Opt-in-E-Mails.

Design

Mit der Einstellung Design können Sie Ihre Felder gestalten: kein Design, konturiert, geschwungene Konturen, unterstrichen mit Hintergrund, unterstrichen ohne Hintergrund.

Ihr Formular kann auch horizontal angezeigt werden. Wenn Sie ein horizontales Formular wählen, empfehlen wir, die Bezeichnungen Ihrer Felder zu entfernen.

Um die Hintergrundfarbe zu ändern, gehen Sie zu der Spalte Einstellungen, wie in Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage erklärt.

Hier sehen Sie ein paar Beispiele für verschiedene Formulardesigns:

Abstand

Die Einstellung Abstand wird im Abschnitt Allgemeine Einstellungen des Artikels Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage erklärt.

Formularsteuerung

Über die Einstellung Formularsteuerung können Sie festlegen, wie sich Ihr Formular bei der Einreichung verhalten soll:

Bestehende Kontakte beim Einreichen eines Formulars aktualisieren: Diese Option ist hilfreich, wenn Sie die Informationen von bestehenden Kontakten aktualisieren möchten, wenn diese das Formular einreichen.
reCAPTCHA deaktivieren: Deaktivieren Sie das standardmäßig integrierte Google reCaptcha auf Ihrer veröffentlichten Landingpage.

Stil

Diese Einstellung ist nur im neuen Landingpage-Editor verfügbar.

Über die Einstellung Stil können Sie das Erscheinungsbild Ihres Formulars festlegen:

Stil und Farbe von Rändern: Fügen Sie einen Rand zu Ihrem Formular hinzu und wählen Sie seine Farbe.
Breite des Rands: Legen Sie fest, wie breit der Formular-Rand sein soll.
Border Radius: Runden Sie die Ecken Ihres Formulars ab.

JavaScript Tracking (Facebook Pixel / Google Analytics)

Tracking bietet Ihnen die Möglichkeit, Ihre Tracking-Scripts in bestimmte Komponenten der Seite einzufügen.

Ein Tracking Script ist ein Code, der verwendet wird, um die Anzahl der Nutzer, die eine Seite besuchen, zu überwachen. Tracking Scripts ermöglichen es Ihnen, zu analysieren, wie lange Besucher auf der Seite bleiben, was ihre Aufmerksamkeit weckt und wie sie mit dem Inhalt interagieren.

💡 Gut zu wissen

Google Analytics und Facebook Pixel sind die meistverwendeten Tracking Scripts. Sie können jedoch ein beliebiges Tracking Script zu einer Sendinblue-Landingpage hinzufügen.

Um ein Tracking Script zu Ihrer Landingpage hinzuzufügen:

Klicken Sie im Feld Landingpage-Editor unten links auf Einstellungen.
Wählen Sie Tracking.
Geben Sie das Tracking Script in das Feld des gewünschten Tags ein. Sie können ein Script für folgende Tags einfügen:
- Head-Tag <head>
- Öffnendes Tag <body>
- Schließendes Tag </body>
  
  💡 Gut zu wissen
  
  Für Dienste wie Facebook und Google Analytics muss das Script im Head-Tag vorhanden sein, für andere Dienste muss es in den Body eingefügt werden. Bitte lesen Sie sich die jeweiligen Anweisungen genau durch, um das Script richtig zu platzieren.
Klicken Sie auf Fertig.

Landingpage mit mehreren Seiten

Wenn Sie weitere Seiten zu Ihrer Landingpage hinzufügen möchten, um einen Funnel zu erstellen, gehen Sie zum Menüfeld Seiten und klicken Sie auf + Eine leere Seite erstellen. Lesen Sie den Artikel Verwalten von Unterseiten Ihrer Landingpage, um mehr zu erfahren.

Gerätebasierte Wiedergabe

Dank der Schaltflächen Desktop / Mobile oben können Sie das Rendering Ihrer Landingpage auf Desktop-PCs, Tablets und Smartphones testen.

❗️ Wichtig

Abhängig davon, auf welchem Gerät Ihre Landingpage aufgerufen wird, können Sie bestimmte Abschnitte oder Elemente verbergen. Weitere Informationen finden Sie im Abschnitt Sichtbarkeit in dem Artikel Teil 3: Bearbeiten der Einstellungen aller Elemente Ihrer Landingpage.

⏭️ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.