So passen Sie Formular-E-Mail-Benachrichtigungen in WPForms an
Veröffentlicht: 2023-12-01Suchen Sie nach einer einfachen Möglichkeit, die E-Mail-Benachrichtigungen Ihres Formulars mithilfe einer benutzerdefinierten E-Mail-Vorlage von WPForms zu personalisieren?
Das Anpassen von E-Mail-Benachrichtigungen in WPForms ist ein unkomplizierter Prozess, der Ihre Kommunikation mit Formularbefragten erheblich verbessern kann.
In diesem Leitfaden führen wir Sie durch die einfachen Schritte zum Anpassen von Formular-E-Mail-Benachrichtigungen in WPForms, um ein einzigartiges und professionelleres Erscheinungsbild zu erzielen.
Warum Formular-E-Mail-Benachrichtigungen in WPForms anpassen?
Beim Anpassen von Formular-E-Mail-Benachrichtigungen in WPForms geht es nicht nur darum, das Erscheinungsbild zu ändern. Hier ist ein kurzer Einblick in die wesentlichen Vorteile der Personalisierung dieser Benachrichtigungen.
- Verbesserte Markenidentität: Durch die Anpassung von WordPress-E-Mails können Sie das Logo, das Farbschema und den Stil Ihrer Marke integrieren. Diese Konsistenz der Werbung trägt dazu bei, Ihre Markenidentität mit jeder gesendeten E-Mail zu stärken.
- Verbesserte Klarheit und Relevanz: Indem Sie den Inhalt Ihrer E-Mails anpassen, können Sie sicherstellen, dass die Nachricht für den Empfänger relevant ist, indem Sie die Empfänger beispielsweise namentlich ansprechen oder spezifische Details zu ihren Formularübermittlungen angeben.
- Bessere Benutzereinbindung: Personalisierte E-Mails sind ansprechender. Sie zeigen Ihren Empfängern, dass Sie ihre Interaktion wertschätzen, fördern eine stärkere Verbindung und erhöhen möglicherweise die Interaktion der Benutzer mit Ihrer Marke.
- Erhöhte Effizienz: Die Automatisierung und Anpassung Ihrer E-Mail-Antworten spart Zeit. Anstatt einzelne Antworten zu erstellen, können Sie spezifische, relevante Antworten einrichten, die beim Absenden des Formulars automatisch ausgelöst werden.
- Tracking und Analyse: Mit WPForms können Sie die Wirksamkeit Ihrer E-Mail-Benachrichtigungen verfolgen. Mithilfe dieser Erkenntnisse können Sie Ihren Ansatz verfeinern und sicherstellen, dass Ihre Kommunikation so effektiv wie möglich ist.
Mit WPForms können Sie E-Mail-Benachrichtigungen erstellen, die bei Ihrem Publikum Anklang finden und Ihre Kommunikationsbemühungen optimieren. Wenn Sie diesen Leitfaden durcharbeiten, werden Sie feststellen, wie einfach und wirkungsvoll dieser Prozess sein kann.
So passen Sie Formular-E-Mail-Benachrichtigungen in WPForms an
Befolgen Sie die folgenden Schritte, um zu erfahren, wie Sie Formular-E-Mail-Benachrichtigungen in WPForms mit benutzerdefinierten Vorlagen und mehr anpassen können!
In diesem Artikel
- 1. Installieren und aktivieren Sie WPForms
- 2. Erstellen Sie ein Formular oder verwenden Sie eine Vorlage
- 3. Richten Sie eine E-Mail-Benachrichtigung für ein einfaches Formular ein
- 4. Passen Sie die E-Mail-Vorlage und den Stil an
- 5. Veröffentlichen Sie Ihr individuelles Formular
1. Installieren und aktivieren Sie WPForms
WPForms vereinfacht das Erstellen und Verwalten von Formularen auf Ihrer WordPress-Site. Es handelt sich um ein bekanntes WordPress-Plugin, mit dem Sie ohne Programmierkenntnisse verschiedene Formulare wie Umfragen, Kontaktformulare und Registrierungsformulare erstellen können.
Das Anpassen von E-Mail-Benachrichtigungen in WPForms ist ebenfalls recht einfach und bietet eine benutzerfreundliche Erfahrung und Funktionalität. Es kombiniert umfangreiche Anpassungsoptionen mit der Möglichkeit, attraktive, responsive Formulare zu erstellen.
Um Ihre Reise zu beginnen, installieren Sie zunächst das Plugin auf Ihrer WordPress-Website. Nach der Aktivierung können Sie die folgenden Schritte ausführen, um ganz einfach durch den Prozess der Anpassung der E-Mail-Benachrichtigungen Ihres Formulars zu navigieren.
2. Erstellen Sie ein Formular oder verwenden Sie eine Vorlage
Erstellen Sie Formulare direkt aus Ihrem WordPress-Dashboard. Navigieren Sie zunächst zu WPForms und klicken Sie auf die Schaltfläche „Neu hinzufügen“ .
Beginnen Sie nun damit, Ihrem Formular einen Namen zu geben, der seinen spezifischen Zweck widerspiegelt. An dieser Stelle können Sie sich für eine vorhandene Vorlage entscheiden, um die Formularerstellung zu beschleunigen.
Als nächstes heißt Sie die intuitive Form Builder-Oberfläche von WPForms willkommen. Hier können Sie Ihr Formular anpassen, indem Sie verschiedene Felder hinzufügen, bearbeiten oder neu anordnen.
Sobald Ihr Formular eingerichtet ist, besteht der nächste entscheidende Schritt darin, die Bestätigungsnachricht zu ändern, die nach dem Absenden angezeigt wird.
Darüber hinaus können Sie die grundlegenden Formularbenachrichtigungseinstellungen anpassen, die sowohl der Site-Administrator als auch der Benutzer, der das Formular ausgefüllt hat, erhalten können.
Formularbenachrichtigungen sind eine großartige Möglichkeit, den Überblick über Einsendungen zu behalten und sofort mit den Besuchern der Website zu interagieren. Im Folgenden erfahren Sie mehr darüber, wie Sie sie anpassen können.
3. Richten Sie eine E-Mail-Benachrichtigung für ein einfaches Formular ein
WPForms beginnt mit einer einfachen Benachrichtigung, Sie können jedoch problemlos eine neue hinzufügen. Klicken Sie einfach auf Neue Benachrichtigung hinzufügen .
Geben Sie im Popup einen Namen für Ihre neue Benachrichtigung ein. Dies dient nur zu Ihrer Information und wird von Formularbenutzern nicht gesehen. Klicken Sie nach der Benennung auf OK .
Jetzt geben Sie einige Details ein, um die Einrichtung Ihrer Benachrichtigung abzuschließen. Jede Option ist unkompliziert, aber es ist wichtig, sie richtig anzuwenden, um sicherzustellen, dass Ihre Benachrichtigungen Sie und die Benutzer korrekt erreichen.
An E-Mail-Adresse senden
Hier werden Ihre Formularbenachrichtigungen gesendet. Standardmäßig wird die Administrator-E-Mail-Adresse Ihrer WordPress-Site verwendet, Sie können diese jedoch ändern. Um an mehrere E-Mails zu senden, trennen Sie diese einfach durch Kommas.
E-Mail-Betreffzeile
Ändern Sie die standardmäßige Betreffzeile „Neuer Eintrag“ nach Ihren Wünschen. Es sollte klar und für den Empfänger relevant sein.
Von Namen
Dies ist der Absendername der E-Mail. Standardmäßig ist es der Name Ihrer Website, Sie können ihn aber auch in einen Namen ändern, der dem Empfänger bekannter ist.
Aus der Email
Entscheidend für die E-Mail-Zustellung ist, dass es sich um eine gültige E-Mail-Adresse handelt, vorzugsweise von Ihrer Domain, um Spamfilter zu vermeiden. Vermeiden Sie es, die E-Mail-Adresse des Formularabsenders als Absender zu verwenden.
Nicht übereinstimmende Domainnamen können Spamfilter auslösen. Um optimale Ergebnisse zu erzielen, verwenden Sie WP Mail SMTP für E-Mails, die nicht zu Ihrer Domain passen.
Antwort-E-Mail-Adresse
Legen Sie fest, wohin die Antworten gesendet werden sollen. Es ist hilfreich, ein Smart Tag für Formularbenutzer-E-Mails oder ein eigenes Smart Tag für Benutzerbenachrichtigungen zu verwenden.
E-Mail Nachricht
Dies ist Ihr E-Mail-Text. Standardmäßig werden alle Formularfelder angezeigt, es kann jedoch mit zusätzlichem Text, Smart Tags oder sogar HTML/CSS angepasst werden.
Halten Sie diese Einstellungen präzise und klar, um eine nahtlose Kommunikation über Ihre WPForms-Benachrichtigungen sicherzustellen.
Speichern Sie Ihre Formulareinstellungen, bevor Sie mit dem nächsten Schritt fortfahren, damit Sie Ihren Fortschritt nicht verlieren. Klicken Sie oben auf dem Bildschirm auf die Schaltfläche Speichern .
4. Passen Sie die E-Mail-Vorlage und den Stil an
Das Anpassen von E-Mail-Benachrichtigungen in WPForms ist unkompliziert. Gehen Sie zunächst zu WPForms » Einstellungen und wählen Sie die Registerkarte E-Mail aus.
Im Reiter E-Mail haben Sie zahlreiche Möglichkeiten, E-Mail-Benachrichtigungen zu personalisieren. Diese Einstellungen gelten allgemein für Ihre Website. So funktionieren sie alle:
Wählen Sie eine E-Mail-Vorlage
WPForms bietet viele Vorlagen, mit denen Sie das Erscheinungsbild Ihrer Benachrichtigungs-E-Mails anpassen können.
Im Abschnitt „Vorlage“ finden Sie alle verfügbaren Vorlagen, die WPForms unterstützt. Lite-Benutzer können auf drei Vorlagen zugreifen, während Pro-Benutzer über zusätzliche Optionen verfügen:
- Klassisch
- Kompakt
- Modern (Pro)
- Elegant (Pro)
- Technik (Profi)
- Klartext
Die klassische Vorlage ist die Standardauswahl. Für eine persönlichere Note können Sie jedoch aus den anderen Vorlagen auswählen, sofern Sie für bestimmte Optionen über eine gültige WPForms Pro-Lizenz verfügen.
Bewegen Sie einfach Ihre Maus über den Stil, den Sie verwenden möchten, und klicken Sie auf die Schaltfläche „Auswählen“ . In diesem Beispiel verwenden wir den modernen Stil, Sie können aber auch einen beliebigen anderen Stil auswählen.
Sie können jederzeit auf die Schaltfläche „Vorschau“ klicken, um zu sehen, wie die einzelnen Vorlagen im Posteingang Ihres Benutzers angezeigt werden.
Legen Sie ein E-Mail-Header-Bild fest
Um eine persönliche Note zu verleihen, können Sie ein Headerbild oder Logo hochladen. Navigieren Sie zum Abschnitt „Header-Bild“ und klicken Sie auf die Schaltfläche „Bild hochladen“ .
Es erscheint ein Popup-Overlay, das Ihnen die Möglichkeit gibt, entweder eine neue Datei hochzuladen oder eine vorhandene Datei aus der WordPress-Medienbibliothek auszuwählen.
Wenn Sie mit dem Hochladen eines neuen Bildes oder der Auswahl eines vorhandenen Bildes fertig sind, klicken Sie einfach auf die Schaltfläche „Bild verwenden“ .
Sobald Sie Ihr Bild hochgeladen haben, können Sie aus einem Dropdown-Menü die gewünschte Größe für das Bild auswählen, das in Ihren E-Mail-Benachrichtigungen verwendet werden soll.
Die verfügbaren Größen sind Small, Medium und Large. Die Bildauflösung passt sich der von Ihnen gewählten Größe und auch dem Bildschirm des Benutzers an.
Das heißt, wenn Sie die Benachrichtigungs-E-Mail auf einem Mobilgerät sehen, passt sie sich automatisch an die Bildschirmgröße des von Ihnen verwendeten Geräts an.
Ändern Sie das Farbschema
Benutzer von WPForms Pro können auf einen Abschnitt „Farbschema“ zugreifen, um die Hintergrund-, Text-, Text- und Linkfarben anzupassen.
Lite-Benutzer können nur die Hintergrundfarbe ändern. Mit dem Farbwähler können Sie diese Farben an Ihre Marke anpassen.
Nachfolgend haben wir alle verfügbaren Farbschemata erläutert:
Hintergrund
Die für den Hintergrund ausgewählte Farbe bestimmt das äußere Erscheinungsbild der E-Mail-Vorlage. Hier ist ein Beispiel mit einer hellblauen Hintergrundfarbe.
Körper
Die Körperfarbe bestimmt das visuelle Erscheinungsbild des E-Mail-Vorlagencontainers. Dies ist der Ort, an dem die Benachrichtigungs-E-Mail gespeichert wird.
Hier ist ein Beispielbild, das zur Vereinfachung einen Body- Container mit einem weißen Farbschema zeigt.
Text
Diese Farbe wird für den gesamten Text in der Benachrichtigungs-E-Mail verwendet. Das Standardfarbschema weist eine dunkle Textfarbe auf, wie im Bild unten gezeigt.
Links
Das folgende Farbschema gilt für alle Links in der Benachrichtigungs-E-Mail. Die E-Mail-Adresse im Bild unten wird als Link angezeigt, wobei die Standardfarbe Orange für Links verwendet wird.
Um eine der Farben zu aktualisieren, haben Sie zwei Möglichkeiten. Sie können entweder den HEX-Wert in das Farbfeld eingeben oder darauf klicken, um den Farbwähler zu öffnen.
Typografie
Die Typografie bestimmt die Schriftfamilie, die für Benachrichtigungs-E-Mails verwendet wird, die von Ihrer Website gesendet werden. WPForms unterstützt derzeit sowohl Sans Serif- als auch Serif-Schriftarten.
Um die Schriftfamilie Ihrer E-Mail-Vorlage zu aktualisieren, klicken Sie einfach auf das Dropdown-Menü „Typografie“ und wählen Sie die gewünschte Schriftart aus den verfügbaren Optionen aus.
Nachdem Sie die Anpassung Ihrer E-Mail-Vorlage abgeschlossen haben, scrollen Sie nach unten und klicken Sie auf die Schaltfläche „Einstellungen speichern“ , um die vorgenommenen Änderungen zu speichern.
Vorschau Ihrer E-Mail-Vorlage
Nachdem Sie Ihre Änderungen gespeichert haben, können Sie sie in der Vorschau anzeigen, um zu sehen, wie sie im Posteingang Ihres Benutzers angezeigt würden.
Klicken Sie dazu einfach auf den Link „Vorschau der E-Mail-Vorlage“ im Dropdown-Menü „Typografie“.
In Ihrem Browser wird ein neuer Tab geöffnet, in dem Sie eine Vorschau Ihrer Benachrichtigungs-E-Mail-Vorlage sehen können. Alles, was Sie in den Einstellungen geändert haben, wird in der Vorschau angezeigt.
Wenn das Gerät des Benutzers auf den Dunkelmodus eingestellt ist, passt sich die Benachrichtigungs-E-Mail automatisch an das Erscheinungsbild des Geräts an.
Änderungsbenachrichtigungen im Form Builder
Sie können bei Bedarf auch das E-Mail-Design für Ihr Formular im Formular-Builder ändern. Öffnen Sie dazu das Formular, das Sie ändern möchten, und gehen Sie zu Einstellungen » Benachrichtigungen .
Scrollen Sie dann nach unten und klicken Sie auf „Erweitert“ , um zu den erweiterten Optionen zu gelangen. Unter E-Mail-Vorlage sollte eine Dropdown-Schaltfläche vorhanden sein.
Diese Auswahl ist standardmäßig für alle Formulare auf Ihrer Website auf „Standardvorlage“ eingestellt. Das bedeutet, dass Ihre Formulare die allgemeinen Einstellungen verwenden, die Sie auf der Einstellungsseite festgelegt haben.
Um die Standardvorlage zu überschreiben, klicken Sie einfach auf das Dropdown-Menü „E-Mail-Vorlage“ und wählen Sie die gewünschte Vorlage aus.
5. Veröffentlichen Sie Ihr individuelles Formular
Nachdem Sie Ihr Formular erstellt, angepasst und die E-Mail-Benachrichtigungseinstellungen konfiguriert haben, müssen Sie es nur noch veröffentlichen.
Erstellen Sie eine neue Seite oder einen neuen Beitrag oder aktualisieren Sie eine vorhandene. Klicken Sie dann auf die Schaltfläche „Block hinzufügen“ und wählen Sie dann das WPForms- Symbol.
Verwenden Sie als Nächstes das Dropdown-Menü im WPForms-Widget, um Ihr benutzerdefiniertes Formular auszuwählen und es Ihrer Seite oder Ihrem Beitrag hinzuzufügen.
Wenn Sie mit dem Aussehen Ihres Formulars zufrieden sind, müssen Sie nur noch auf die Schaltfläche „Aktualisieren “ oder „Veröffentlichen“ klicken, um es live zu schalten.
Weitere Fragen zu benutzerdefinierten E-Mail-Vorlagen von WPForms
Das Erlernen der Anpassung von Formularbenachrichtigungen ist ein beliebtes Thema für unsere Leser. Hier finden Sie Antworten auf einige häufig gestellte Fragen dazu.
Wie erstelle ich eine benutzerdefinierte E-Mail-Vorlage?
Um eine benutzerdefinierte E-Mail-Vorlage zu erstellen, navigieren Sie zu WPForms » Einstellungen und klicken Sie auf die Registerkarte E-Mail . Hier können Sie aus verschiedenen Vorlagen wie Classic, Compact oder Modern wählen. Passen Sie die Vorlage an, indem Sie ein Headerbild hinzufügen, Ihr bevorzugtes Farbschema auswählen und einen Typografiestil auswählen.
Wie passe ich meine E-Mail-Vorlage in WordPress an?
Gehen Sie zu WPForms » Einstellungen und wählen Sie die Registerkarte E-Mail . Sie können eine Vorlage auswählen, die zu Ihrem Stil passt, und diese anpassen, indem Sie ein Headerbild hochladen, das Farbschema anpassen und im Abschnitt „Typografie“ eine Schriftart auswählen. Verwenden Sie die Option „Vorschau“ , um zu sehen, wie Ihre Vorlage aussehen wird, und um sicherzustellen, dass sie mit Ihrer Markenidentität übereinstimmt.
Wie ändere ich meine E-Mail-Adresse bei WPForms?
Um Ihre E-Mail-Adresse in WPForms zu ändern, greifen Sie auf das Formular zu, in dem Sie die E-Mail-Adresse aktualisieren möchten. Klicken Sie im jeweiligen Formular auf Bearbeiten und navigieren Sie im Formularersteller zu Einstellungen » Benachrichtigungen . Hier können Sie das Feld „An E-Mail-Adresse senden“ mit Ihrer neuen E-Mail-Adresse aktualisieren.
Als Nächstes erfahren Sie, wie Sie Kontaktformulare in WordPress gestalten
Sie fragen sich, wie Sie das Design Ihres Kontaktformulars ohne CSS-Kenntnisse an Ihre WordPress-Site anpassen können? Sehen Sie sich diese Anleitung an, um zu erfahren, wie Sie Kontaktformulare in WordPress mithilfe der Anpassungsoptionen von WPForms gestalten.
Erstellen Sie jetzt Ihr WordPress-Formular
Sind Sie bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn Ihnen dieser Artikel weitergeholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.