Der Optin Form Block ermöglicht es Ihnen, Namen und E-Mail-Adressen von Besuchern zu sammeln, die daran interessiert sind, Updates, Neuigkeiten und Angebote von Ihrer Website zu erhalten. Fügen Sie ihn zu jeder SeedProd-Landingpage oder Vorlage hinzu, um sofort mit dem Aufbau Ihrer Abonnentenliste zu beginnen.
Der Block enthält anpassbare Felder für Name und E-Mail, eine Schaltfläche zum Absenden mit vollständiger Stilkontrolle, eine Erfolgsaktion, um nach dem Absenden eine Nachricht anzuzeigen oder weiterzuleiten, und eine integrierte Anbindung an beliebte E-Mail-Marketing-Plattformen von Drittanbietern.
Hinzufügen des Optin Form Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Optin Form Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke den Optin Form Block in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Optin Form Block, um seine Einstellungen zu öffnen. Der Tab Inhalt ist in drei Abschnitte unterteilt: Felder, Schaltfläche zum Absenden und Erfolgsaktion.
Felder:
- E-Mail / Name / Optin-Bestätigungsfelder: Jedes Feld ist als ziehbarer Reihe aufgeführt. Klicken Sie auf das Einstellungssymbol einer Feldreihe, um die individuellen Einstellungen zu erweitern. Sie können die Beschriftung (der Text über dem Eingabefeld) und die Breite (wie breit das Feld als Prozentsatz des Formulars ist, von 10 bis 100 %) anpassen. Das Namensfeld verfügt auch über eine Erforderlich-Umschaltfläche, um es obligatorisch zu machen. Verwenden Sie das Ein-/Ausblenden-Augensymbol, um die Felder Name und Optin-Bestätigung in Ihrem Formular anzuzeigen oder auszublenden. Das Feld Optin-Bestätigung ist standardmäßig ausgeblendet – aktivieren Sie es, um eine Checkbox für die Zustimmung im GDPR-Stil hinzuzufügen, die Besucher vor dem Absenden ankreuzen 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, Mitte oder Rechts.
Schaltfläche zum Absenden:
- Button-Text: Passen Sie die Beschriftung an, die auf der Schaltfläche zum Absenden angezeigt wird.
- Breite: Legen Sie die Breite der Schaltfläche als Prozentsatz des Formulars von 10 bis 100 % fest.
- Schriftgröße: Legen Sie die Schriftgröße des Schaltflächentextes von 0 bis 72 Pixel fest.
- Hintergrundfarbe: Legen Sie die Hintergrundfarbe der Schaltfläche zum Absenden fest.
Erfolgsaktion:
- Aktion: Wählen Sie aus, was nach erfolgreichem Absenden des Formulars geschieht – Nachricht anzeigen zeigt eine benutzerdefinierte Dankesnachricht anstelle des Formulars an, oder Weiterleiten leitet den Besucher zu einer von Ihnen gewählten URL 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 Weiterleiten ausgewählt ist).
Schritt 2a: Wählen Sie einen Vorlagenstil
Im Tab Vorlagen können Sie aus vordefinierten Stilen für Eingabefelder auswählen, um das visuelle Erscheinungsbild Ihres Optin-Formulars schnell zu ändern. Klicken Sie auf eine beliebige Vorlage, um sie sofort anzuwenden.
- Verfügbare Stile: Wählen Sie aus 7 verschiedenen Vorlagendesigns – Light, No Border, Wide Border, Grey, Dark, Bottom Border und Transparent für Eingabefelder.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie die Typografie, Feld-Farben, Button-Gestaltung und Abstände Ihres Optin-Formular-Blocks feinabstimmen.
Formular:
- Schriftfamilie: Wählen Sie die Schriftfamilie und Schriftvariante, die auf alle Formularbeschriftungen und Feldtexte angewendet wird.
- Abgerundete Ecken: Legen Sie den Eckradius aller Eingabefelder von 0 bis 100 Pixel 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. Dadurch kann das Formular bündig mit seinem Container abschließen.
Felder:
- Hintergrundfarbe des Feldes: Legen Sie die Hintergrundfarbe der Eingabefelder fest.
- Textfarbe des Feldes: Legen Sie die Textfarbe des in die Eingabefelder eingegebenen Textes fest.
- Rahmenfarbe des Feldes: Legen Sie die Rahmenfarbe der Eingabefelder fest.
- Rahmenbreite des Feldes: Legen Sie die Rahmenbreite für jede Seite der Eingabefelder (Oben, Rechts, Unten, Links) unabhängig voneinander fest.
Schaltfläche:
- Button-Stil: Wählen Sie den visuellen Stil des Sende-Buttons – Flat, Ghost, 2D oder Vintage.
- Symbol vor dem Text: Fügen Sie ein Font Awesome-Symbol hinzu, das vor dem Text der Button-Beschriftung angezeigt wird.
- Symbol nach dem Text: Fügen Sie ein Font Awesome-Symbol hinzu, das nach dem Text der Button-Beschriftung angezeigt wird.
Abstand:
- Abstand (Außen): Steuern Sie den äußeren Abstand um Ihren Optin-Formular-Block (Oben, Rechts, Unten, Links). Dies bestimmt, wie viel Platz zwischen dem Formular und den umgebenden Elementen auf der Seite vorhanden ist.
- Abstand (Innen): Passen Sie den inneren Abstand innerhalb Ihres Optin-Formular-Blocks an (Oben, Rechts, Unten, Links). Dies schafft Freiraum 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 benutzerdefinierte Stile oder JavaScript-Ziele erstellt.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um spezifische Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format ein: attribut-name|wert.
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Optin-Formular-Block auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blenden Sie den Optin-Formular-Block auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Optin-Formular-Block auf Mobilgeräten aus.
Animationseffekte:
- Eingabeanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Optin-Formular-Block ins Sichtfeld gescrollt wird. Optionen sind Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Nachdem Sie die Konfiguration des Optin-Formular-Blocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Optin-Formular-Einreichungen
Standardmäßig werden alle Einreichungen des Optin-Formulars 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 sich ein neuer Abonnent über das Formular anmeldet. Wenn Sie Benachrichtigungen erhalten möchten, sollten Sie eine E-Mail-Marketing-Integration verbinden (siehe unten).
Optin-Formular mit E-Mail-Marketing-Integrationen verbinden
Sie können den Optin-Formular-Block im Abschnitt Verbinden Ihrer SeedProd-Seiten-Einstellungen mit E-Mail-Marketing-Plattformen von Drittanbietern integrieren. Dadurch werden neue Abonnenten automatisch zu Ihren E-Mail-Listen in Diensten wie Mailchimp, AWeber, ConvertKit, ActiveCampaign und anderen hinzugefügt.
Hinweis: E-Mail-Marketing-Integrationen sind in den Lizenzplänen Pro, Plus und Elite verfügbar. Sehen Sie sich unsere verfügbaren E-Mail-Integrationen für die vollständige Liste der unterstützten Plattformen an.
Sie haben erfolgreich einen Optin-Formular-Block zu Ihrer Seite hinzugefügt! Nutzen Sie ihn, um Abonnenten zu sammeln, die Interaktion auf Ihrer Website zu verbessern und ein Publikum aufzubauen, das Sie direkt vermarkten können. Experimentieren Sie mit Feldlayouts, Schaltflächenstilen und Vorlagen-Presets, um ein Formular zu erstellen, das zu Ihrer Marke passt und Besucher zu Abonnenten macht.