10+ fantastische E-Mail-Optin-Modul-Tutorials für Divi

Das E-Mail-Opt-Modul von Divi ist ein einfaches Modul, das ein E-Mail-Formular anzeigt. Das Formular kann wie jedes Divi-Modul gestaltet werden. Obwohl es einfach ist, bietet es viele Steuerungs- und Layoutoptionen. Diese Optionen arbeiten zusammen, um einige interessante Designs zu erstellen. Es funktioniert auch gut mit anderen Modulen, um noch einzigartigere Designs zu erstellen. In diesem Beitrag sehen wir uns über 10 fantastische E-Mail-Opt-in-Modul-Tutorials für Divi an, die Ihnen helfen, das Beste aus Ihrem E-Mail-Opt-in-Modul herauszuholen.

1. Richten Sie Ihr E-Mail-Konto im E-Mail-Optionsmodul von Divi ein

Unsere ersten Tutorial-Shows mussten eine API von Ihrem E-Mail-Kontoanbieter erhalten, um Ihr Konto im E-Mail-Opt-in-Modul von Divi einzurichten. Es erläutert die E-Mail-Optionen für das Opt-in-Konto, den Zweck eines API-Schlüssels und wie man einen erhält. Es zeigt auch drei Beispiele mit echten E-Mail-Anbietern, die Schritt für Schritt zeigen, wie man sie mit dem E-Mail-Opt-Modul von Divi einrichtet.

Lernprogramm ansehen

2. So verwenden Sie einen Spamschutzdienst

In unserem nächsten Tutorial wird reCAPTCHA v3 und seine Verwendung mit dem E-Mail-Optin-Modul von Divi behandelt. Es vergleicht reCAPTCHA v3 mit früheren Versionen und erläutert, warum v3 eine großartige Option ist. Es zeigt, wie man ein reCAPTCHA-Konto einrichtet und es mit dem E-Mail-Opt-in-Modul verbindet und die Einstellungen für die Mindestpunktzahl anpasst, um Spam-Abonnenten zu reduzieren.

Lernprogramm ansehen

3. Weiterleitung nach dem Ausfüllen eines E-Mail-Optin-Formulars

Dieses Tutorial zeigt, wie Sie die Einstellungen des E-Mail-Moduls verwenden, um den Benutzer auf eine andere Seite umzuleiten, sobald er auf die Schaltfläche „Senden“ geklickt hat. Es erläutert die Arten von Seiten, auf die Sie sie umleiten können. Das Tutorial zeigt auch Schritt für Schritt, wie man eine Seite mit einer Nachricht darüber, was als nächstes zu erwarten ist, und einer Schaltfläche zur Startseite erstellt. Es sind Anweisungen enthalten, wie die Umleitungsseite so gestaltet wird, dass sie zu einem der Divi-Layouts passt.

Lernprogramm ansehen

4. So passen Sie die Erfolgsaktion an

In diesem Tutorial werden die Erfolgsaktionen erläutert, die stattfinden, wenn der Benutzer seine E-Mail im E-Mail-Opt-in-Modul einreicht. Es umfasst die Erfolgsmeldung und die Umleitungsoptionen. Es zeigt detailliert, wie die Erfolgsmeldung erstellt und passend zum Divi-Layout gestaltet wird. Ein Abschnitt mit Tipps zu Erfolgsmeldungen zeigt, wie Sie eine großartige Erfolgsmeldung erstellen.

Lernprogramm ansehen

5. Inhalt des Inline-E-Mail-Optionsmoduls vs. Kombination mit Textmodul

Dieses Tutorial zeigt mehrere Möglichkeiten zum Erstellen eines E-Mail-Formulars. Es behandelt, wie Sie nur das E-Mail-Opt-in-Modul mit Titel, Beschreibung, Formular und Fußzeile verwenden. Es zeigt auch, wie unterstützende Inhaltsmodule verwendet werden, um alles außer dem Formular und der Schaltfläche zu ersetzen. Beide Versionen werden mit den jeweiligen Vor- und Nachteilen verglichen. Es werden mehrere Beispiele bereitgestellt, um die Vorteile der Verwendung von Textmodulen zusammen mit dem E-Mail-Optimierungsmodul zu demonstrieren.

Lernprogramm ansehen

6. 5 E-Mail-Opt-in-Designs, die Sie erstellen können

Dieses Tutorial zeigt, wie Sie die E-Mail-Opt-in-Einstellungen von Divi verwenden, um 5 verschiedene Formulardesigns zu erstellen. Die Designs umfassen einen gestapelten Schatten, eine große und minimale Form, eine schmale Form, eine Option für ein Buchangebot und eine Option für ausgeschnittene Rahmen. Zwei der Designs enthalten eine kleine Menge CSS, die bereitgestellt wird. Dieses enthält auch ein Video-Tutorial, das Sie durch jedes Design führt.

Lernprogramm ansehen

7. Auslösen eines Opt-in-Formulars nach bestimmten Seitenbesuchen

Dieses zeigt, wie Sie die bedingten Optionen von Divi verwenden, um das E-Mail-Opt-in-Formular auszulösen. Es behandelt, wie Sie eine Beitragsvorlage erstellen und dynamische Beitragsinhalte verwenden, um die Blog-Beitragsseite zu erstellen. Es enthält Animationsoptionen und zeigt auch, wie Sie das Formular in eine feste Position bringen können, wenn Sie möchten.

Lernprogramm ansehen

8. Entfernen Sie die Namensfelder des Divi-E-Mail-Optionsmoduls

Dieses Tutorial zeigt, wie Sie die Namensfelder aus Ihrem Divi-E-Mail-Optimierungsformular entfernen. Es erläutert, warum Sie sie entfernen möchten, und enthält einige Vorteile. Das Tutorial enthält CSS und jQuery mit Informationen darüber, wo Sie es zu einer bestimmten Seite oder Ihrer gesamten Website hinzufügen können. Dieser enthält auch ein Video mit Schritt-für-Schritt-Anleitungen.

Lernprogramm ansehen

9. Fügen Sie Ihrem Gutenberg-Blogbeitrag ein Divi-E-Mail-Optin hinzu

Dieses Tutorial zeigt, wie man ein Divi-E-Mail-Optimierungsmodul zu einem Blogbeitrag hinzufügt, der mit dem Gutenberg-Editor erstellt wurde. Es zeigt auch, wie das E-Mail-Optimierungsformular mit den Einstellungen von Divi erstellt wird, und enthält das Formular als herunterladbare JSON-Datei. Dies ist ein hervorragendes Tutorial, um zu lernen, wie man ein beliebiges Divi-Layout innerhalb einer Gutenberg-Seite oder eines Posts verwendet.

Lernprogramm ansehen

10. Fügen Sie ein Motion-Slide-Out-E-Mail-Optionsfeld hinzu

Dieses zeigt, wie man die Scroll-Effekte von Divi verwendet, um ein Slide-Out-Optionsfeld zu erstellen. Der Bewegungseffekt wird vollständig mit den Positions- und Animationseinstellungen von Divi erstellt. Das Tutorial zeigt auch, wie Sie das E-Mail-Optimierungsfeld so gestalten, dass es zu einem Divi-Layout passt. Das Slide-Out-Box-Design ist auch als JSON-Datei zum Download verfügbar.

Lernprogramm ansehen

11. Erstellen Sie eine Sticky-E-Mail-Option

Dieses Tutorial zeigt, wie Sie die Einstellungen von Divi verwenden, um das E-Mail-Opt-in-Modul am unteren Bildschirmrand festzuhalten, wenn der Benutzer scrollt. Es erstellt mehrere Versionen des E-Mail-Optimierungsmoduls, die unterschiedlich funktionieren. Das erste Modul bleibt auf dem Bildschirm, bis der Benutzer seine Reihe erreicht, und folgt dann dem Bildschirm. Das zweite Modul wechselt die Farbe, wenn die Reihe erreicht ist. Das dritte Modul fügt ein kleines Kästchen hinzu, das sich ausdehnt, wenn der Benutzer den Mauszeiger darüber bewegt. Die Module stehen als JSON-Datei zum Download bereit.

Lernprogramm ansehen

12. Fügen Sie ein E-Mail-Optin in Ihre Divi-Fußzeile ein

Dieses zeigt, wie Sie das E-Mail-Opt-in-Modul zu Ihrer Divi-Fußzeile hinzufügen. Es verwendet eine der Divi-Fußzeilenvorlagen aus den kostenlosen Kopf- und Fußzeilenlayouts, die hier im ET-Blog kostenlos verfügbar sind. Es zeigt, wie man eines der Fußzeilenelemente durch das E-Mail-Opt-in-Modul ersetzt. Die Anleitung zeigt, wie das Modul passend zum Layout gestaltet wird. Es enthält auch einige alternative Layout-Designoptionen für das Modul. Ein Video-Tutorial ist enthalten.

Lernprogramm ansehen

13. 8 eingebaute Layout-Möglichkeiten

Schließlich konzentriert sich unser letztes Tutorial auf die verschiedenen Optionen des E-Mail-Optimierungsmoduls. Es zeigt, welche Optionen es gibt, wie sie funktionieren und wie sie zusammen verwendet werden können, um mehrere Layoutmöglichkeiten zu schaffen. Es zeigt 8 verschiedene Layouts mit den verschiedenen Einstellungen, die auf den Inhalts- und Design-Registerkarten des Moduls verfügbar sind.

Lernprogramm ansehen

Endgedanken

Das ist unser Blick auf mehr als 10 fantastische E-Mail-Opt-in-Modul-Tutorials für Divi. Diese Tutorials reichen von einfach bis komplex und nutzen die Einstellungen von Divi hervorragend. Jedes der E-Mail-Optimierungsmodul-Tutorials von Divi bietet hervorragende Informationen darüber, wie Sie Ihre E-Mail-Formulare optimal nutzen können. Einige enthalten auch JSON-Dateien!

Wir wollen von dir hören. Haben Sie eines dieser über 10 E-Mail-Optimierungsmodul-Tutorials für Ihre Divi-Website verwendet? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit.