Divi Email Contact Form Template

Um deine eigene E-Mail-Kontaktformular-Vorlage für Divi zu erstellen, folge diesem Tutorial:

1. Wählen Sie aus dem Katalog die E-Mail-Kontaktformular-Vorlage, speziell für Divi entwickelt.
2. Die ausgewählte Vorlage öffnen.
3. Klicke auf den Button „Vorlage verwenden“.
4. Bearbeiten Sie alle Elemente und Funktionen des E-Mail-Kontaktformulars, damit es zu Ihrem Divi-Stil passt.
5. Im Elfsight-Profil anmelden und den Integrationscode abrufen.

Es ist ganz einfach: Öffnen Sie im Konfigurator das Menü „Design“. Wählen Sie die Layout-Vorlage. Breite und Position anpassen. Das ist es!

Um das Email Contact Form-Plugin in Ihre Divi-Website einzubetten, befolgen Sie die detaillierte Anleitung:

1. Personalisieren Sie die E-Mail-Kontaktformular-Vorlage.
2. In Ihrem Elfsight-Konto anmelden.
3. Erhalten Sie den einzigartigen Plugin-Code und kopieren Sie ihn.
4. Gehen Sie zu Divi und fügen Sie den Code in den HTML-Editor der Website ein.

Formular-Titel

Der Titel des Formulars sollte klar anzeigen, was Kunden ausfüllen. Zeigen Sie Ihre Markenpräsenz, indem Sie die Beschriftung kurz, prägnant und einprägsam halten. So verstehen Nutzer schnell, warum sie das E-Mail-Kontaktformular ausfüllen und wie genau ihre Daten verwendet werden.

Eingabefelder

Hier geben Kunden ihren Vor- und Nachnamen, E-Mail, Antworten und alle weiteren relevanten Daten ein, die Sie von Ihren Kunden erfassen möchten.

Absenden

Dieses Attribut ist für jedes Formular wesentlich, da es Nutzern bestätigt, dass ihre Daten erfolgreich gesendet wurden.

Datenschutz

Stellen Sie sicher, dass Sie in Ihrem Divi-E-Mail-Kontaktformular einen Link zu Ihrer Datenschutzerklärung hinzufügen, damit Verbraucher wissen, wie ihre Daten verwendet und geschützt werden.

Anti-Spam-Captcha

Durch die Einbindung einer Spam-blockierenden Captcha-Überprüfung schützen Sie vor Spam-Einreichungen und stellen sicher, dass echte Personen auf das Formular zugreifen und keine Roboter.

Bestätigungsmeldung

Sobald ein Benutzer das E-Mail-Kontaktformular erfolgreich ausgefüllt und abgeschickt hat, sorgen Sie dafür, dass er eine Bestätigung erhält, dass seine Nachricht eingegangen ist und von Ihrem Team bearbeitet wird.

Divi Mobile-Optimierung

Mache das Formular mobilfreundlich für jedes digitale Gerät, indem du ein adaptives Layout verwendest. Es lässt sich problemlos auf jeder Bildschirmauflösung, Browser-Plattform, jedem Betriebssystem (OS) und jeder Ausrichtung bedienen. Zeige zudem alle Felder, Tags und Anweisungen korrekt an, um ein deutliches und stilvolles Ergebnis zu erzielen.

Divi-Visuals

Verbessern Sie das Endnutzer-Erlebnis der Webseite, indem Sie Grafiken einbinden. Ziehen Sie in Erwägung, Bilder, Symbole oder auffällige Farben zu verwenden, um die Aufmerksamkeit auf die Absende-Schaltfläche bzw. den Call-to-Action (CTA) zu lenken. Vermeiden Sie jedoch zu viele Visuals und Farben, da sie überwältigend wirken und die Hauptbotschaft ablenken.

Feldervalidierung

Feldvalidierung hinzufügen reduziert Fehler, die auftreten, wenn Kunden ungenahe Informationen eingeben. Fordern Sie die Pflichtfelder in Echtzeit an, damit Nutzer erkennen, wenn sie einen Fehler gemacht haben, und ihre Daten vor dem Absenden korrigieren können.

Um eine Integration in Ihr Divi E-Mail-Kontaktformular einzufügen, befolgen Sie die Schritte der unkomplizierten Anleitung:

1. Öffnen Sie im Demo-Editor das Menü Integrationen.
2. Wählen Sie eine App-Integration.
3. Synchronisieren Sie das Formular mit der gewählten Integration und autorisieren Sie Ihr Profil.

Für unsere geschätzten Kunden bieten wir Mailchimp, Google Sheets und 5000+ App-Integrationen über Zapier an! Ein funktionsfähiges E-Mail-Kontaktformular zu erstellen bedeutet nicht, dass du ein Raketenwissenschaftler sein musst. Mit der richtigen Vorlage kannst du schnell ein leistungsstarkes Formular für deinen konkreten Anwendungsfall erstellen.