Hilfedokumentation 〉Formulare 〉

Erstellen Sie ein E-Mail-Anmeldeformular

Dieser Hilfeartikel wurde mithilfe von KI übersetzt. Er könnte Fehler enthalten.

Ein E-Mail-Anmeldeformular ist eine Webseite (oder ein Teil einer Webseite), über die sich Personen in Ihre Mailingliste eintragen können. Direct Mail macht es einfach, drei verschiedene Arten von Anmeldeformularen zu erstellen:

  • Landingpage: Dies ist eine eigenständige Webseite mit eigener URL. Sie können die Seite anpassen und die URL teilen, um neue Abonnenten zu gewinnen.
  • Eingebettetes Formular: Dies ist ein Formular, das Sie in Ihre bestehende(n) Webseite(n) einbetten. Es ist so gestaltet, dass es sich nahtlos in Ihr vorhandenes Design einfügt. Direct Mail stellt Ihnen den HTML-Code zur Verfügung, den Sie in Ihre Webseite einfügen müssen.
  • Pop-up-Formular: Dies ist ein Formular, das über Ihrer bestehenden Webseite bzw. Ihren bestehenden Webseiten erscheint. Sie können steuern, wann und wie das Pop-up-Formular auf Ihrer Webseite angezeigt wird. Direct Mail stellt Ihnen den HTML-Code zur Verfügung, den Sie in Ihre Webseite einfügen müssen, damit das Pop-up-Formular erscheint.

Funktionsweise von Formularen

Ihr Formular ist immer bereit, neue Abonnenten zu sammeln, auch wenn Ihr Mac ausgeschaltet ist oder Direct Mail nicht ausgeführt wird. Neue Abonnenten werden auf unseren Servern gespeichert und automatisch mit Ihrem Projekt synchronisiert.

Ein Formular ist mit einer Gruppe in Ihrer Mailingliste verknüpft. Wenn Sie ein neues Formular erstellen, wird Ihrer Mailingliste automatisch eine neue Gruppe hinzugefügt, und das Formular wird mit dieser Gruppe verknüpft. So behalten Sie den Überblick darüber, welche Kontakte in Ihrer Liste über das Formular hinzugefügt wurden.

Unsere E-Mail-Anmeldeformulare sind gegen Spam und Bot-Anmeldungen geschützt, ohne lästige Captcha-Abfragen zu verwenden. Standardmäßig sind unsere Formulare Single-Opt-in-Formulare. Das bedeutet, dass die Person, die das Formular absendet, sofort zu Ihrer Liste hinzugefügt wird, ohne zuerst auf einen Bestätigungslink in einer E-Mail klicken zu müssen. Sie können Ihr Formular bei Bedarf in ein Double-Opt-in-Formular umwandeln. Weitere Details finden Sie unten.

Ein Formular erstellen

So erstellen Sie ein Formular:

  1. Wählen Sie die Liste aus, zu der das Formular gehören soll
  2. Klicken Sie in der Symbolleiste auf +
  3. Wählen Sie Neues Anmeldeformular
  4. Wählen Sie die Art von Formular aus, die Sie erstellen möchten

Ein neues Formular und eine neue Gruppe werden erstellt und Ihrer Mailingliste hinzugefügt, und das Fenster des Formulareditors wird angezeigt.

Ein vorhandenes Formular duplizieren

Sie können ein vorhandenes Formular duplizieren:

  1. Wählen Sie die Gruppe aus, mit der Ihr vorhandenes Formular verknüpft ist
  2. Wählen Sie in der Menüleiste oben auf dem Bildschirm Bearbeiten > Nur Formular duplizieren

Ihr Formular wird dupliziert und mit einer neuen Gruppe in Ihrer Mailingliste verknüpft. Anschließend wird das Fenster des Formulareditors angezeigt.

Fenster „Formulareditor“

form-editor.2x.jpg

Verwenden Sie das Fenster „Formulareditor“, um Ihr Formular anzupassen. Das Fenster des Formulareditors ist wie folgt aufgebaut:

  • Statusleiste: Befindet sich oben im Fenster. Die Statusleiste zeigt die URL Ihres Formulars an (bei Landingpages) oder Anweisungen dazu, wie das Formular auf Ihrer Webseite installiert wird (bei eingebetteten und Pop-up-Formularen).
  • Tab-Leiste: Befindet sich unter der Statusleiste. Verwenden Sie die Tab-Leiste, um zwischen den verschiedenen „Seiten“ Ihres Formulars zu wechseln:
    • Die Seite mit dem Titel Formular ist das, was der Benutzer beim Ausfüllen Ihres Formulars sieht
    • Abgesendet ist das, was der Benutzer sieht, nachdem er Ihr Formular abgesendet hat
    • Bestätigt ist das, was der Benutzer sieht, nachdem er auf den Link in der Bestätigungs-E-Mail geklickt hat (nur bei Double-Opt-in-Formularen)
  • Inhalts-Symbolleiste: Befindet sich unter der Tab-Leiste. Verwenden Sie die Tasten in der Inhalts-Symbolleiste, um Felder, Text, Bilder und mehr zu Ihrem Formular hinzuzufügen.
  • Informationsfenster: Befindet sich auf der rechten Seite des Fensters. Verwenden Sie das Informationsfenster, um Stil und Verhalten Ihres Formulars zu bearbeiten. Wenn Sie verschiedene Elemente Ihres Formulars auswählen, wird das Informationsfenster aktualisiert und zeigt Ihnen die zur Auswahl passenden Optionen an.

Wenn Sie Änderungen an Ihrem Formular vornehmen, erscheint in der Symbolleiste eine Taste mit dem Titel Sichern und veröffentlichen. Ihre Änderungen werden erst im Internet veröffentlicht, wenn Sie auf diese Taste klicken. Wenn Sie die vorgenommenen Änderungen rückgängig machen möchten, können Sie in der Menüleiste Bearbeiten > Widerrufen wählen oder einfach das Fenster des Formulareditors schließen und auf Änderungen verwerfen klicken.

Eine Landingpage anpassen und veröffentlichen

Ihr Landingpage-Formular wird veröffentlicht, sobald es erstellt wurde. Verwenden Sie die Taste Teilen in der Statusleiste, um die URL zum Formular zu kopieren oder zu teilen.

Verwenden Sie die Inhalts-Symbolleiste und das Informationsfenster, um Ihr Formular anzupassen. Die meisten Einstellungen sind bei allen Formulararten gleich, die folgenden sind jedoch nur für Landingpages verfügbar:

  • Seite > Titel: Dies ist der Titel der Landingpage, wie er im Browser-Tab angezeigt wird.
  • Seite > Vanity-URL: Standardmäßig wird Ihre Landingpage mit einer URL erstellt, die mit joinlist.com beginnt, gefolgt von einer eindeutigen Kennung. Verwenden Sie die Option „Vanity-URL“, um eine benutzerdefinierte URL zu erstellen. Zum Beispiel: joinlist.com/runclub oder joinlist.com/hotrods.
  • Seite > Hintergrundfarbe und Bild: Sie können Ihrer Landingpage eine benutzerdefinierte Hintergrundfarbe und ein benutzerdefiniertes Hintergrundbild geben
  • Erweitert > Suchindizierung verhindern: Wenn aktiviert, wird die Seite so aktualisiert, dass Suchmaschinen (wie Google und Bing) mitgeteilt wird, dass die Seite nicht in ihren Suchindex aufgenommen werden soll.

Ein eingebettetes Formular anpassen und veröffentlichen

Ihr eingebettetes Formular kann angepasst werden, sobald es erstellt wurde, beginnt aber erst dann mit dem Sammeln neuer Abonnenten, wenn Sie es Ihrer Website hinzufügen. So fügen Sie Ihr Formular Ihrer Website hinzu:

  1. Klicken Sie in der Statusleiste auf Installieren
  2. Kopieren Sie den angezeigten HTML-Code
  3. Fügen Sie den HTML-Code an der Stelle in Ihre Webseite ein, an der das Formular erscheinen soll

Verwenden Sie die Inhalts-Symbolleiste und das Informationsfenster, um Ihr Formular anzupassen.

Ein Pop-up-Formular anpassen und veröffentlichen

Ihr Pop-up-Formular kann angepasst werden, sobald es erstellt wurde, beginnt aber erst dann mit dem Sammeln neuer Abonnenten, wenn Sie es Ihrer Website hinzufügen. So fügen Sie Ihr Formular Ihrer Website hinzu:

  1. Klicken Sie in der Statusleiste auf Installieren
  2. Kopieren Sie den angezeigten HTML-Code
  3. Fügen Sie den HTML-Code in Ihre Webseite ein. Wir empfehlen, ihn innerhalb der Tags <head>…</head> Ihrer Seite einzufügen.

Beim nächsten Laden der Seite erscheint das Pop-up-Formular (abhängig von der von Ihnen konfigurierten Zeitsteuerung).

Pop-up-Formulare sind so gestaltet, dass sie Besucher Ihrer Website nicht verärgern. Wenn ein Besucher das Pop-up schließt, wird es 365 Tage lang nicht erneut angezeigt. Dadurch kann es schwierig sein, Ihr Formular zu testen oder Änderungen zu überprüfen. Der Formulareditor enthält zwei Funktionen, die diesen Vorgang erleichtern:

  1. Klicken Sie in der Statusleiste auf Installieren
  2. Klicken Sie auf den Tab Formular testen
  3. Geben Sie die URL der Seite ein, auf der das Pop-up-Formular installiert ist
  4. Klicken Sie auf Installation testen, um zu prüfen, ob der HTML-Code korrekt auf der Seite installiert wurde
  5. Klicken Sie auf Im Browser anzeigen, um Ihre Seite in einem Webbrowser zu öffnen und das Pop-up-Formular zwangsweise anzuzeigen

Verwenden Sie die Inhalts-Symbolleiste und das Informationsfenster, um Ihr Formular anzupassen. Die meisten Einstellungen sind bei allen Formulararten gleich, die folgenden sind jedoch nur für Pop-up-Formulare verfügbar:

Callout

Auf kleinen Bildschirmen kann das plötzliche Erscheinen eines Pop-up-Formulars störend wirken. Um dieses schlechte Benutzererlebnis zu vermeiden, können Sie ein Callout verwenden. Dies ist die Standardeinstellung, wenn ein Besucher Ihre Seite auf einem Mobilgerät betrachtet.

Ein Callout ist ein unaufdringliches Banner am unteren (oder oberen) Rand der Seite, das den Besucher zum Abonnieren einlädt. Wenn er auf das Banner klickt oder tippt, erscheint das vollständige Pop-up-Formular.

Sie können das Callout im Abschnitt Darstellung > Callout anzeigen des Informationsfensters aktivieren. Sie können das Callout bearbeiten, indem Sie in der Tab-Leiste auf Callout klicken.

Zeitsteuerung

Sie können steuern, wann Ihr Pop-up erscheint. Verwenden Sie das Menü Darstellung > Pop-up anzeigen, um aus den folgenden Optionen zu wählen:

  • Sofort: Das Pop-up erscheint, sobald die Seite geladen ist
  • Nach Verzögerung: Das Pop-up erscheint einige Sekunden nach dem Laden der Seite. Sie können die Verzögerung konfigurieren.
  • Nach dem Scrollen: Das Pop-up erscheint, sobald der Besucher einen bestimmten Prozentsatz der Seite nach unten gescrollt hat. Sie können den Prozentsatz konfigurieren.
  • Beim Verlassen: Das Pop-up erscheint, wenn der Besucher die Seite verlassen möchte, indem er in seinem Browser zurückgeht
  • Manuell: Das Pop-up erscheint nicht automatisch. Sie müssen es manuell anzeigen. Dies geschieht auf eine von zwei Arten:
    • Navigieren Sie auf der Seite zu #dm-open-popup. Erstellen Sie zum Beispiel ein Ankerelement wie folgt: <a href="#dm-open-popup">Pop-up anzeigen</a>
    • Verwenden Sie JavaScript, um das Pop-up zu öffnen, indem Sie DirectMail.openPopUp() aufrufen

Hintergrund

Sie können den Hintergrund steuern, der unter dem Pop-up-Formular und über dem Inhalt Ihrer Webseite erscheint. Erweitern Sie den Abschnitt Hintergrund, um die Einstellungen für Farbe, Deckkraft und Unschärfe anzuzeigen.

Layout

Ihr Pop-up-Formular kann optional ein „Hero“-Bild entlang der oberen, linken oder rechten Seite anzeigen. Erweitern Sie den Abschnitt Layout, um das Layout des Hero-Bilds und der Schließen-Taste zu steuern.

Wenn Sie ein Hero-Bild verwenden, klicken Sie auf den Platzhalter des Hero-Bilds, um das Bild auszuwählen.

Klicken Sie auf die Schließen-Taste, um das Aussehen der Taste zu bearbeiten.

Ihr Formular später bearbeiten

Sie können Ihr Formular jederzeit bearbeiten:

  1. Wechseln Sie zum Tab Kontakte
  2. Erweitern Sie Ihre Liste, indem Sie auf das Offenlegungsdreieck neben dem Listennamen klicken
  3. Wählen Sie die Gruppe aus, die mit Ihrem Formular verknüpft ist
  4. Erweitern Sie im Informationsfenster den Abschnitt Anmeldeformular
  5. Klicken Sie auf Formular bearbeiten. Das Fenster des Formulareditors wird angezeigt.
  6. Nehmen Sie Ihre Änderungen vor und klicken Sie in der Symbolleiste auf Sichern und veröffentlichen

Ihr Formular wird automatisch aktualisiert. Sie müssen keinen Code auf Ihrer Website aktualisieren (bei eingebetteten und Pop-up-Formularen).

Felder zu Ihrem Formular hinzufügen

Verwenden Sie die Inhalts-Symbolleiste, um die folgenden Arten von Feldern und Blöcken zu Ihrem Formular hinzuzufügen:

Textfeld

insert-textfield.2x.png

Verwenden Sie das Informationsfenster, um die folgenden Eigenschaften festzulegen:

  • Beschriftung: Empfohlen. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Hilfetext: Optional. Erscheint unter der Beschriftung. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Größe: Einzeilig oder mehrzeilig
  • Platzhalter: Optional. Gibt dem Besucher einen Hinweis darauf, was im Feld erscheinen soll, wird aber beim Absenden des Formulars nicht mitgesendet.
  • Standardwert: Der Anfangswert des Felds. Wird beim Absenden des Formulars mitgesendet, sofern der Besucher ihn nicht ändert.
  • Importieren als: Wie dieses Feld beim Erstellen des Kontakts in Direct Mail importiert werden soll
  • Erforderlich: Wenn diese Option aktiviert ist, kann das Formular nicht abgesendet werden, wenn das Feld leer ist

Datumsfeld

insert-datefield.2x.png

Verwenden Sie das Informationsfenster, um die folgenden Eigenschaften festzulegen:

  • Beschriftung: Empfohlen. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Hilfetext: Optional. Erscheint unter der Beschriftung. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Mindestwert: Optional. Wird verwendet, um das frühestmögliche erlaubte Datum festzulegen.
  • Höchstwert: Optional. Wird verwendet, um das spätestmögliche erlaubte Datum festzulegen.
  • Standardwert: Optional
  • Importieren als: Wie dieses Feld beim Erstellen des Kontakts in Direct Mail importiert werden soll
  • Erforderlich: Wenn diese Option aktiviert ist, kann das Formular nicht abgesendet werden, wenn kein Datum festgelegt ist

Multiple-Choice-Felder (Einblendmenü, Optionsfeld, Markierungsfeld)

insert-multiple-choice.2x.png

Verwenden Sie ein Einblendmenü, wenn nur eine Auswahl möglich ist und die Liste möglicher Optionen lang ist. Verwenden Sie ein Optionsfeld, wenn nur eine Auswahl möglich ist, die Liste möglicher Optionen jedoch kurz ist. Verwenden Sie ein Markierungsfeld, wenn mehrere Auswahlen möglich sein sollen oder als Umschalter für eine einzelne Auswahl.

Verwenden Sie das Informationsfenster, um die folgenden Eigenschaften festzulegen:

  • Beschriftung: Empfohlen. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Hilfetext: Optional. Erscheint unter der Beschriftung. Klicken Sie auf BIU, um Formatierungen hinzuzufügen.
  • Stil: Die Art des zu verwendenden Multiple-Choice-Steuerelements
  • Auswahlmöglichkeiten: Geben Sie die Auswahlmöglichkeiten ein, aus denen der Besucher wählen kann.
    • Die Spalte Name ist der Text, der dem Besucher angezeigt wird
    • Die Spalte Wert ist der Text, der in Direct Mail importiert wird
    • Die Spalte Markierungsfeld zeigt an, welche Auswahlmöglichkeiten standardmäßig ausgewählt sein sollen
    • Klicken Sie auf +, um eine Auswahlmöglichkeit hinzuzufügen. Klicken und halten Sie +, um eine Liste von Auswahlmöglichkeiten aus einer Datei zu importieren oder eine Reihe numerischer Auswahlmöglichkeiten zu erzeugen.
    • Wählen Sie eine Auswahlmöglichkeit aus und klicken Sie auf BIU, um den Namen der Auswahlmöglichkeit zu formatieren (gilt nur für Markierungsfelder und Optionsfelder)
  • Zufällig anordnen: Sie können festlegen, dass die Auswahlmöglichkeiten bei jeder Anzeige des Formulars in zufälliger Reihenfolge erscheinen
  • Importieren als: Wie dieses Feld beim Erstellen des Kontakts in Direct Mail importiert werden soll
  • Erforderlich: Wenn diese Option aktiviert ist, kann das Formular nicht abgesendet werden, solange keine Auswahl getroffen wurde. Bei Markierungsfeldern können Sie die Mindestanzahl der auszuwählenden Optionen festlegen.

Textblock

block-text.2x.png

Verwenden Sie das Informationsfenster, um den Inhalt des Textblocks festzulegen. Klicken Sie auf BIU, um Formatierungen oder Links hinzuzufügen.

Bildblock

block-image.2x.png

Verwenden Sie das Informationsfenster, um Bild, Bildbeschreibung, Größe und andere Eigenschaften des Bildes festzulegen.

Taste

block-button.2x.png

Verwenden Sie das Informationsfenster, um Titel, Farbe, Link und andere Eigenschaften der Taste festzulegen.

Abstandhalter

block-spacer.2x.png

Verwenden Sie das Informationsfenster, um die Höhe des Abstandhalters festzulegen und optional eine Linie/einen Trenner hinzuzufügen.

Vorschläge

insert-suggestions.2x.png

Verwenden Sie die Taste „Vorschläge“, um Ihrem Formular schnell vorausgefüllte Felder hinzuzufügen, darunter:

  • Einwilligungs-Markierungsfeld
  • Einwilligungs-Markierungsfeld mit DSGVO-spezifischem Wortlaut
  • E-Mail-Häufigkeit (wie oft möchten Sie von uns hören?)
  • Länder, Bundesländer, Provinzen und Regionen
  • Monate, Tage des Monats, Wochentage, Stunden des Tages
  • Anrede
  • Geschlecht

In Double-Opt-in umwandeln

Anmeldeformulare sind standardmäßig Single-Opt-in. Das bedeutet, dass der Abonnent sofort zu Ihrer Liste hinzugefügt wird, ohne auf einen Bestätigungslink in einer E-Mail klicken zu müssen. Sie können Ihr Formular in Double-Opt-in umwandeln. Das bedeutet, dass der Abonnent erst dann zu Ihrer Liste hinzugefügt wird, wenn er auf den Bestätigungslink in einer E-Mail klickt.

  1. Klicken Sie in der Tab-Leiste auf die Seite Abgesendet
  2. Erweitern Sie im Informationsfenster den Abschnitt Opt-in-Richtlinie
  3. Klicken Sie auf Double-Opt-in
  4. Geben Sie den Namen Ihrer Mailingliste ein, so wie er in der Bestätigungs-E-Mail erscheinen soll.
  5. Klicken Sie in der Symbolleiste auf Sichern und veröffentlichen

Sie dürfen den Inhalt der Bestätigungs-E-Mail nicht bearbeiten. Die Bestätigungs-E-Mail wird in der Sprache gesendet, die Sie für Ihr Formular gewählt haben (siehe Formular > Erweitert > Sprache)

Benachrichtigungen über neue Abonnenten aktivieren

Sie können sich jedes Mal per E-Mail benachrichtigen lassen, wenn ein neuer Abonnent Ihrer Liste beitritt. So aktivieren Sie Benachrichtigungen:

  1. Klicken Sie in der Tab-Leiste auf die Seite Abgesendet
  2. Erweitern Sie im Informationsfenster den Abschnitt Benachrichtigungen
  3. Wählen Sie eine Option aus dem Einblendmenü Neuer Abonnent (Aus, Einzeln oder Täglich)
  4. Geben Sie eine oder mehrere E-Mail-Adressen ein
  5. Klicken Sie in der Symbolleiste auf Sichern und veröffentlichen

Eine Willkommens-E-Mail an neue Abonnenten senden

Verwenden Sie unsere Funktion Autoresponder, um automatisch Willkommens-E-Mails an neue Abonnenten zu senden, wenn sie beitreten:

  1. Klicken Sie in der Tab-Leiste auf die Seite Abgesendet
  2. Erweitern Sie im Informationsfenster den Abschnitt Willkommens-E-Mail
  3. Klicken Sie auf Neuer Autoresponder

Ein neuer Autoresponder wird für Sie erstellt, aber erst gestartet, wenn Sie bereit sind. Klicken Sie auf Zum Autoresponder, um die Einstellungen des Autoresponders zu konfigurieren.

Erweiterte Einstellungen bearbeiten

Die erweiterten Einstellungen finden Sie, indem Sie in der Tab-Leiste auf Seite klicken und dann im Informationsfenster den Abschnitt Erweitert ausklappen.

  • Sprache: Dies ist die Sprache, die für Fehlermeldungen und (falls aktiviert) Bestätigungs-E-Mails verwendet wird
  • Versteckte Felder: Dies sind Formularfelder, die für den Benutzer verborgen sind, aber beim Absenden des Formulars dennoch mit Direct Mail synchronisiert werden
  • Benutzerdefiniertes CSS: Sie können benutzerdefiniertes CSS verwenden, um Ihr Formular zu gestalten

Fanden Sie diesen Artikel hilfreich? Ja | Nein