So passen Sie Formular-E-Mail-Benachrichtigungen in WPForms an

Veröffentlicht: 2023-12-01

Suchen 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.

The WPForms homepage

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“ .

Adding a new form in WPForms

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.

Use simple contact form template

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.

add new fields

Sobald Ihr Formular eingerichtet ist, besteht der nächste entscheidende Schritt darin, die Bestätigungsnachricht zu ändern, die nach dem Absenden angezeigt wird.

default confirmation settings

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.

notifications settings

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 .

Add new notification

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 .

enter notification name

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.

multiple send to email addresses

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.

email subject line

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.

notification from name

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.

notification from email address

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.

from email mismatch

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.

reply to email with smart tag

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.

notification email message

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 .

Save the form

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.

wpforms email settings

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.

choose modern template

Sie können jederzeit auf die Schaltfläche „Vorschau“ klicken, um zu sehen, wie die einzelnen Vorlagen im Posteingang Ihres Benutzers angezeigt werden.

preview modern template

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“ .

upload header image

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.

wordpress media library upload

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.

header image size dropdown

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.

color scheme

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.

background color

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.

body color

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.

text color

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.

link color

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.

update background color

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.

typography

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.

typography dropdown

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.

save settings

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“.

preview email template

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.

customized email template

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.

dark mode variant of template

Ä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 .

notifications settings

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.

advanced tab form builder

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.

email template dropdown

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.

Add form widget WPForms

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.

select your form

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.

Publishing your Contact page

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.