Mit dem Optin-Formular-Block können Sie Namen und E-Mail-Adressen von Besuchern erfassen, die an Updates, Neuigkeiten und Angeboten Ihrer Website interessiert sind. Fügen Sie ihn zu einer beliebigen SeedProd-Landingpage oder -Vorlage hinzu, um sofort mit dem Aufbau Ihrer Abonnentenliste zu beginnen.
Der Block umfasst anpassbare Felder für Name und E-Mail-Adresse, eine Schaltfläche zum Absenden mit vollständiger Stilsteuerung, eine Erfolgsaktion zum Anzeigen einer Meldung oder zum Weiterleiten nach dem Absenden sowie eine integrierte Anbindung an beliebte E-Mail-Marketing-Plattformen von Drittanbietern.
Hinzufügen des Optin-Formular-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Optin-Formular-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Optin-Formular“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Klicken Sie nach dem Hinzufügen auf den Block „Optin-Formular“, um dessen Einstellungen zu öffnen. Die Registerkarte „Inhalt“ ist in drei Abschnitte unterteilt: Felder, Senden-Schaltfläche und Erfolgsaktion.
Felder:
- Felder „E-Mail“, „Name“ und „Opt-in-Bestätigung“: Jedes Feld wird als verschiebbare Zeile angezeigt. Klicken Sie auf das Einstellungssymbol in einer Feldzeile, um die individuellen Einstellungen anzuzeigen. Sie können die Bezeichnung (den über dem Eingabefeld angezeigten Text) und die Breite (die Breite des Feldes als Prozentsatz des Formulars, von 10 bis 100 %) anpassen. Das Feld „Name“ verfügt außerdem über eine Umschaltfläche „Erforderlich“, um es als Pflichtfeld zu kennzeichnen. Verwenden Sie das Symbol „Anzeigen/Ausblenden“, um die Felder „Name“ und „Opt-in-Bestätigung“ in Ihrem Formular anzuzeigen oder auszublenden. Das Feld „Opt-in-Bestätigung“ ist standardmäßig ausgeblendet. Aktivieren Sie es, um ein GDPR-konformes Kontrollkästchen für die Einwilligung hinzuzufügen, das Besucher vor dem Absenden aktivieren müssen.
- Größe: Legen Sie die Gesamtgröße der Eingabefelder fest – Klein, Mittel oder Groß.
- Ausrichtung: Legen Sie die horizontale Ausrichtung des gesamten Formulars fest – links, zentriert oder rechts.
Senden-Schaltfläche:
- Schaltflächentext: Passen Sie die Beschriftung der Schaltfläche „Senden“ an.
- Breite: Legen Sie die Breite der Schaltfläche als Prozentsatz des Formulars zwischen 10 und 100 % fest.
- Schriftgröße: Stellen Sie die Schriftgröße des Schaltflächentextes zwischen 0 und 72 px ein.
- Hintergrundfarbe: Legen Sie die Hintergrundfarbe der Schaltfläche „Senden“ fest.
Erfolgsmaßnahme:
- Zu ergreifende Maßnahme: Wählen Sie aus, was nach dem erfolgreichen Absenden des Formulars geschehen soll – „Meldung anzeigen“ zeigt anstelle des Formulars eine benutzerdefinierte Dankesmeldung an, oder „Weiterleiten“ leitet den Besucher zu einer URL Ihrer Wahl weiter.
- Nachricht: Geben Sie die Dankesnachricht ein, die nach dem Absenden angezeigt werden soll (verfügbar, wenn „Nachricht anzeigen“ ausgewählt ist). Unterstützt Rich-Text-Formatierung.
- Weiterleitungs-URL: Geben Sie die URL ein, zu der der Besucher nach dem Absenden weitergeleitet werden soll (verfügbar, wenn „Weiterleitung“ ausgewählt ist).
Schritt 2a: Wählen Sie einen Vorlagenstil aus.
Auf der Registerkarte „Vorlagen“ können Sie aus vorgefertigten Eingabefeldstilen auswählen, um das Erscheinungsbild Ihres Opt-in-Formulars schnell zu ändern. Klicken Sie auf eine beliebige Vorlage, um sie sofort anzuwenden.
- Verfügbare Stile: Wählen Sie aus 7 verschiedenen Vorlagendesigns – Hell, Ohne Rahmen, Breiter Rahmen, Grau, Dunkel, Unterer Rahmen und Transparente Eingabefelder.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie die Typografie, die Feldfarben, das Design der Schaltflächen und den Abstand Ihres Optin-Formular-Blocks feinabstimmen.
Formular:
- Schriftfamilie: Wählen Sie die Schriftfamilie und Schriftvariante aus, die für alle Formularbeschriftungen und Feldtexte verwendet werden soll.
- Border Radius: Legen Sie den Eckenradius aller Eingabefelder zwischen 0 und 100 px fest, um zu steuern, wie abgerundet oder eckig sie erscheinen.
- Inline-Abstand entfernen: Aktivieren Sie dieses Kontrollkästchen, um den standardmäßigen internen Abstand zwischen den Formularfeldern und dem Block-Wrapper zu entfernen, sodass das Formular bündig mit seinem Container abschließt.
Felder:
- Hintergrundfarbe des Feldes: Legen Sie die Hintergrundfarbe der Eingabefelder fest.
- Feldtextfarbe: Legen Sie die Textfarbe für den in die Eingabefelder eingegebenen Text fest.
- Feldrandfarbe: Legen Sie die Randfarbe der Eingabefelder fest.
- Feldrandbreite: Legen Sie die Randbreite für jede Seite der Eingabefelder (oben, rechts, unten, links) separat fest.
Schaltfläche:
- Schaltflächenstil: Wählen Sie den visuellen Stil der Schaltfläche „Senden“ – Flach, Ghost, 2D oder Vintage.
- Vor dem Text-Symbol: Fügen Sie ein Font Awesome-Symbol hinzu, das vor dem Text der Schaltflächenbeschriftung angezeigt wird.
- Nach Text-Symbol: Fügen Sie ein Font Awesome-Symbol hinzu, das nach dem Text der Schaltflächenbeschriftung angezeigt wird.
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Optin-Formularblock herum (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen dem Formular und den umgebenden Elementen auf der Seite angezeigt wird.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Optin-Formularblocks an (oben, rechts, unten, links). Dadurch entsteht ein Abstand zwischen dem Formular und den Blockrändern.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Optin-Formular-Block an. Diese ID wird automatisch von SeedProd für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Block-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert.
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Optin-Formular-Block auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Optin-Formular-Block auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blendet den Opt-in-Formular-Block auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Optin-Formular-Block in den Blickbereich scrollt. Zu den Optionen gehören „Hüpfen“, „Einblenden“, „Vergrößern“, „Drehen“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Optin-Formular-Blocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Optin-Formular-Einsendungen
Standardmäßig werden alle Optin-Formular-Einsendungen im Abschnitt „Abonnenten“ unter SeedProd > Abonnenten gespeichert. Dort können Sie Ihre gesammelten Abonnentendaten anzeigen, exportieren und verwalten.
Hinweis: Standardmäßig sendet der Optin-Formular-Block keine E-Mail-Benachrichtigungen, wenn ein neuer Abonnent das Formular absendet. Wenn Sie Benachrichtigungen erhalten möchten, sollten Sie eine E-Mail-Marketing-Integration einrichten (siehe unten).
Verbinden Sie das Opt-in-Formular mit E-Mail-Marketing-Integrationen
Sie können den Optin-Formular-Block mit E-Mail-Marketing-Plattformen von Drittanbietern im Abschnitt „Verbinden“ Ihrer SeedProd-Seiteneinstellungen integrieren. Auf diese Weise können neue Abonnenten automatisch zu Ihren E-Mail-Listen in Diensten wie Mailchimp, AWeber, ConvertKit, ActiveCampaign und anderen hinzugefügt werden.
Hinweis: E-Mail-Marketing-Integrationen sind in den Lizenzplänen Pro, Plus und Elite verfügbar. Eine vollständige Liste der unterstützten Plattformen finden Sie unter unseren verfügbaren E-Mail-Integrationen.
Sie haben erfolgreich einen Optin-Formular-Block zu Ihrer Seite hinzugefügt! Nutzen Sie ihn, um Abonnenten zu gewinnen, die Interaktion auf Ihrer Website zu verbessern und eine Zielgruppe aufzubauen, die Sie direkt ansprechen können. Experimentieren Sie mit Feldlayouts, Schaltflächenstilen und Vorlagenvoreinstellungen, um ein Formular zu erstellen, das zu Ihrer Marke passt und Besucher in Abonnenten verwandelt.