KI-Zusammenfassung
Suchen Sie nach einer einfachen Möglichkeit, die E-Mail-Benachrichtigungen Ihres Formulars mit 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 den Formularteilnehmern erheblich verbessern kann.
Formular-E-Mail-Benachrichtigungen jetzt anpassen
In diesem Leitfaden führen wir Sie durch die einfachen Schritte zur Anpassung von Formular-E-Mail-Benachrichtigungen in WPForms, um ein einzigartiges und professionelleres Aussehen zu schaffen.
Warum Formular-E-Mail-Benachrichtigungen in WPForms anpassen?
Das Anpassen von Formular-E-Mail-Benachrichtigungen in WPForms dient nicht nur der Änderung des Aussehens. Hier ist ein kurzer Überblick über die erheblichen Vorteile der Personalisierung dieser Benachrichtigungen.
- Verbesserte Markenidentität: Durch die Anpassung von WordPress-E-Mails können Sie Ihr Markenlogo, Ihre Farbpalette und Ihren Stil integrieren. Diese Konsistenz in der Werbung hilft, Ihre Markenidentität mit jeder gesendeten E-Mail zu stärken.
- Verbesserte Klarheit und Relevanz: Durch die Anpassung des Inhalts Ihrer E-Mails können Sie sicherstellen, dass die Nachricht für den Empfänger relevant ist, z. B. indem Sie Empfänger namentlich ansprechen oder spezifische Details zu ihren Formulareingaben angeben.
- Besseres Nutzerengagement: Personalisierte E-Mails sind ansprechender. Sie zeigen Ihren Empfängern, dass Sie ihre Interaktion schätzen, fördern eine stärkere Verbindung und erhöhen potenziell das Engagement der Nutzer 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 automatisch nach dem Absenden des Formulars ausgelöst werden.
- Tracking und Analysen: Mit WPForms können Sie die Effektivität Ihrer E-Mail-Benachrichtigungen verfolgen. Diese Einblicke ermöglichen es Ihnen, Ihren Ansatz zu verfeinern und sicherzustellen, 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 erleichtern.
Formular-E-Mail-Benachrichtigungen jetzt anpassen
Anpassen von Formular-E-Mail-Benachrichtigungen in WPForms
Befolgen Sie die nachstehenden Schritte, um zu erfahren, wie Sie Formular-E-Mail-Benachrichtigungen in WPForms mit benutzerdefinierten Vorlagen und mehr anpassen können!
In diesem Artikel
1. WPForms installieren und aktivieren
WPForms vereinfacht den Prozess der Erstellung und Verwaltung von Formularen auf Ihrer WordPress-Website. Es ist ein bekanntes WordPress-Plugin, mit dem Sie verschiedene Formulare wie Umfragen, Kontaktformulare und Registrierungsformulare ohne Programmierkenntnisse erstellen können.
Das Anpassen von E-Mail-Benachrichtigungen in WPForms ist ebenfalls ziemlich unkompliziert 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 zuerst das Plugin auf Ihrer WordPress-Website. Nach der Aktivierung können Sie die folgenden Schritte ausführen, um einfach durch den Prozess der Anpassung der E-Mail-Benachrichtigungen Ihres Formulars zu navigieren.
2. Formular erstellen oder Vorlage verwenden
Erstellen Sie Formulare direkt von Ihrem WordPress-Dashboard aus. Um zu beginnen, navigieren Sie 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 eine vorhandene Vorlage auswählen, um die Erstellung Ihres Formulars zu beschleunigen.

Die intuitive Formular-Builder-Oberfläche von WPForms begrüßt Sie als Nächstes. Hier können Sie Ihr Formular anpassen, indem Sie verschiedene Felder hinzufügen, bearbeiten oder neu anordnen.

Sobald Ihr Formular eingerichtet ist, ist der nächste entscheidende Schritt die Anpassung der Bestätigungsnachricht, die nach der Übermittlung angezeigt wird.

Zusätzlich können Sie die grundlegenden Benachrichtigungseinstellungen für Formulare anpassen, die sowohl vom Website-Administrator als auch vom Benutzer, der das Formular ausgefüllt hat, empfangen werden können.

Formularbenachrichtigungen sind eine großartige Möglichkeit, Einreichungen im Auge zu behalten und sofort mit Website-Besuchern zu interagieren. Wir werden weiter unten mehr darüber sprechen, wie Sie diese anpassen können.
3. Grundlegende Formular-Benachrichtigungs-E-Mail einrichten
WPForms beginnt mit einer grundlegenden Benachrichtigung, aber Sie können ganz einfach eine neue hinzufügen. Klicken Sie einfach auf Neue Benachrichtigung hinzufügen.

Geben Sie im Popup-Fenster einen Namen für Ihre neue Benachrichtigung ein. Dies dient nur Ihrer Referenz und wird von den Formularbenutzern nicht gesehen. Klicken Sie nach der Benennung auf OK.

Nun füllen Sie mehrere Details aus, um Ihre Benachrichtigungseinrichtung abzuschließen. Jede Option ist unkompliziert, aber entscheidend, um sicherzustellen, dass Ihre Benachrichtigungen Sie und die Benutzer korrekt erreichen.
An E-Mail-Adresse senden
Hierhin werden Ihre Formularbenachrichtigungen gesendet. Standardmäßig ist dies die Admin-E-Mail Ihrer WordPress-Website, aber Sie können sie ändern. Um an mehrere E-Mails zu senden, trennen Sie diese einfach durch Kommas.

Betreffzeile der E-Mail
Ändern Sie die standardmäßige Betreffzeile „Neue Eingabe“ in etwas, das Sie bevorzugen. Sie sollte für den Empfänger klar und relevant sein.

Von Name
Dies ist der Absendername für die E-Mail. Standardmäßig ist dies der Name Ihrer Website, aber Sie können ihn gerne in etwas ändern, das dem Empfänger vertrauter ist.

Von E-Mail
Entscheidend für die E-Mail-Zustellung, dies sollte eine gültige E-Mail-Adresse sein, vorzugsweise von Ihrer Domain, um Spamfilter zu vermeiden. Vermeiden Sie es, die E-Mail des Formular-Einreichers als Absender zu verwenden.

Nicht übereinstimmende Domainnamen können Spamfilter auslösen. Für beste Ergebnisse verwenden Sie WP Mail SMTP für E-Mails, die nicht mit Ihrer Domain übereinstimmen.

Antwort-an-E-Mail-Adresse
Stellen Sie dies auf die Adresse ein, an die Antworten gesendet werden sollen. Es ist hilfreich, einen Smart Tag für die E-Mail-Adressen der Formularbenutzer oder Ihre eigene für Benutzerbenachrichtigungen zu verwenden.

E-Mail-Nachricht
Dies ist der E-Mail-Text. Standardmäßig werden alle Formularfelder angezeigt, kann aber mit zusätzlichem Text, Smart Tags oder sogar HTML/CSS angepasst werden.

Halten Sie diese Einstellungen korrekt und klar, um eine nahtlose Kommunikation über Ihre WPForms-Benachrichtigungen zu gewährleisten.
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. E-Mail-Vorlage und Styling anpassen
Das Anpassen von E-Mail-Benachrichtigungen in WPForms ist unkompliziert. Gehen Sie dazu zu WPForms » Einstellungen und wählen Sie die Registerkarte E-Mail.

Auf der Registerkarte „E-Mail“ haben Sie zahlreiche Optionen zur Personalisierung von E-Mail-Benachrichtigungen. Diese Einstellungen gelten standortweit. Hier erfahren Sie, wie jede einzelne funktioniert:
E-Mail-Vorlage auswählen
WPForms bietet viele Vorlagen, die Sie verwenden können, um das Erscheinungsbild Ihrer Benachrichtigungs-E-Mails anzupassen.
Im Abschnitt Vorlage finden Sie alle verfügbaren Vorlagen, die WPForms unterstützt. Lite-Benutzer können auf 3 Vorlagen zugreifen, während Pro-Benutzer zusätzliche Optionen genießen:
- Klassisch
- Kompakt
- Modern (Pro)
- Elegant (Pro)
- Technik (Pro)
- Nur Text
Die klassische Vorlage ist die Standardwahl. Für eine persönlichere Note können Sie jedoch aus den anderen Vorlagen wählen, vorausgesetzt, Sie haben eine gültige WPForms Pro-Lizenz für bestimmte Optionen.
Fahren Sie einfach mit der Maus über den Stil, den Sie verwenden möchten, und klicken Sie auf die Schaltfläche Wählen. In diesem Beispiel verwenden wir den Stil Modern, aber Sie können jeden anderen Stil wählen, den Sie möchten.

Sie können jederzeit auf die Schaltfläche Vorschau klicken, um zu sehen, wie jede der Vorlagen im Posteingang Ihres Benutzers erscheinen würde.

Bild für die E-Mail-Kopfzeile festlegen
Um eine persönliche Note hinzuzufügen, können Sie ein Kopfzeilenbild oder Logo hochladen. Navigieren Sie zum Abschnitt Kopfzeilenbild und klicken Sie auf die Schaltfläche Bild hochladen.

Ein Popup-Overlay wird angezeigt, das Ihnen die Möglichkeit gibt, entweder eine neue Datei hochzuladen oder eine vorhandene Datei aus der WordPress-Mediathek 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 Benachrichtigungs-E-Mails verwendet werden soll.

Die verfügbaren Größen sind Klein, Mittel und Groß. Die Bildauflösung passt sich der von Ihnen gewählten Größe an und passt sich auch dem Bildschirm des Benutzers an.
Das bedeutet, wenn Sie die Benachrichtigungs-E-Mail auf einem Mobilgerät sehen, passt sie sich der Bildschirmgröße des von Ihnen verwendeten Geräts an.
Farbschema ändern
WPForms Pro-Benutzer können auf einen Abschnitt Farbschema zugreifen, um die Hintergrund-, Körper-, Text- und Linkfarben anzupassen.
Lite-Benutzer können nur die Hintergrundfarbe ändern. Der Farbwähler ermöglicht es Ihnen, diese Farben an Ihre Marke anzupassen.

Nachfolgend erklären wir alle verfügbaren Farbschemata:
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.

Inhalt
Die Inhalt-Farbe bestimmt das visuelle Erscheinungsbild des Containers der E-Mail-Vorlage. Dies ist der Ort, an dem die Benachrichtigungs-E-Mail gespeichert wird.
Hier ist ein Beispielbild, das zur Bequemlichkeit einen Inhalt-Container mit einem weißen Farbschema zeigt.

Text
Diese Farbe wird für allen Text in der Benachrichtigungs-E-Mail verwendet. Das Standard-Farbschema weist eine dunkle Text-Farbe auf, wie im folgenden Bild 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 Standard-Orangene 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 die Farbauswahl zu öffnen.

Typografie
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-Schriften.

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.

Wenn Sie mit der Anpassung Ihrer E-Mail-Vorlage fertig sind, 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 eine Vorschau anzeigen, um zu sehen, wie sie im Posteingang Ihres Benutzers erscheinen würden.
Um dies zu erreichen, klicken Sie einfach auf den Link E-Mail-Vorlage in der Vorschau anzeigen unter dem Dropdown-Menü Typografie.

Ein neuer Tab wird in Ihrem Browser 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.

Wenn Sie die Ästhetik Ihres Formulars und Ihrer Website anpassen möchten, lesen Sie unser Tutorial zum Bearbeiten des Headers in WordPress.
Benachrichtigungen im Formular-Generator ändern
Sie können das E-Mail-Design für Ihr Formular auch im Formular-Generator ändern, wenn Sie möchten. Ö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 sich eine Dropdown-Schaltfläche befinden.

Diese Option 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. Ihr angepasstes Formular veröffentlichen
Sobald Sie Ihr Formular erstellt, angepasst und die E-Mail-Benachrichtigungseinstellungen konfiguriert haben, müssen Sie nur noch Ihr Formular veröffentlichen.
Erstellen Sie eine neue Seite oder einen neuen Beitrag oder aktualisieren Sie einen vorhandenen. Klicken Sie dann auf die Schaltfläche Block hinzufügen und wählen Sie das WPForms-Symbol aus.

Verwenden Sie anschließend 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 WPForms benutzerdefinierten E-Mail-Vorlagen
Das Anpassen von Formularbenachrichtigungen ist ein beliebtes Thema unter unseren Lesern. Hier sind 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 Klassisch, Kompakt oder Modern wählen. Passen Sie die Vorlage an, indem Sie ein Kopfbild hinzufügen, Ihr bevorzugtes Farbschema auswählen und eine Typografie 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 Ihrem Stil entspricht, und sie anpassen, indem Sie ein Kopfbild hochladen, das Farbschema anpassen und eine Schriftart im Abschnitt Typografie auswählen. Verwenden Sie die Option Vorschau, um zu sehen, wie Ihre Vorlage aussehen wird, und stellen Sie sicher, dass sie mit Ihrer Markenidentität übereinstimmt.
Wie ändere ich meine E-Mail-Adresse in WPForms?
Um Ihre E-Mail-Adresse in WPForms zu ändern, greifen Sie auf das Formular zu, für das Sie die E-Mail-Adresse aktualisieren möchten. Klicken Sie im Formular-Builder auf Bearbeiten für das jeweilige Formular und navigieren Sie zu Einstellungen » Benachrichtigungen. Hier können Sie das Feld An E-Mail-Adresse senden mit Ihrer neuen E-Mail-Adresse aktualisieren.
Als Nächstes: Gestalten Sie Kontaktformulare in WordPress
Fragen Sie sich, wie Sie das Design Ihres Kontaktformulars ohne CSS-Kenntnisse an Ihre WordPress-Website anpassen können? Lesen Sie diese Anleitung, um zu erfahren, wie Sie Kontaktformulare in WordPress gestalten mit den Anpassungsoptionen von WPForms.
Erstellen Sie jetzt Ihr WordPress-Formular
Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formular-Builder-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.
Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.

Die Vorlagenstile sind nicht besonders hilfreich. Wenn ich die „Kompakt“-Einstellungen verwende, druckt mein Kunde jedes Mal die E-Mail aus. Mein Kunde hat ein langes Formular, das ausgedruckt wird, aber die E-Mail wird über 3 oder 4 Seiten gedruckt (wenn sie auf dem Bildschirm über 2 Seiten hinausgeht). Es gibt einfach einen zu großen Zeilenabstand (selbst bei der kompakten Version). Die einfache Textversion ist überhaupt nicht gut. Könnte die kompakte Version nicht das gleiche Format drucken, aber mit einem Zeilenabstand von nur 1 bitte? Oder eine „Super kompakte“ Option erstellen, die große Zeilenabstände vermeidet? Meine einzige Option ist die einfache Textversion, aber sie ist so schwer zu lesen… mein Kunde ist nicht glücklich. Gibt es hier bitte Hilfe, Leute. Danke – Wes
Hallo Wes. Unsere vertrauenswürdigen Berater im Support-Team haben etwas CSS entwickelt, das Ihnen hier helfen sollte.
.print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-title, .print-preview.wpforms-preview-mode-compact .print-body .print-item .print-item-value { padding: 1px !important; }Bitte sehen Sie sich dieses Video an, um das Ergebnis zu sehen.
Wenn Sie weitere Hilfe hierzu benötigen, reichen Sie bitte ein Support-Ticket ein und teilen Sie die gleichen Details mit, die Sie hier gepostet haben. Wenn Sie unsere kostenlose Version verwenden, besuchen Sie bitte das WPForms Lite WordPress.org Support-Forum und eröffnen Sie einen neuen Thread.
Danke!
Ich habe eine Frage. Ich erstelle ein Formular mit einem Dropdown-Feld und wähle „Mehrfachauswahl“ im Dropdown-Feld aus. Die E-Mail, die an den Kunden gesendet wird, wenn ich den Smart Tag {field_id=dropdown ID(mit Mehrfachauswahl} verwende, ist nicht klar getrennt, nur durch ein Leerzeichen. Gibt es eine Möglichkeit, dies in ein Komma , oder – zu ändern?
Hallo TienCong,
Es sieht so aus, als ob Sie versuchen, das Aussehen des Dropdown-Felds in Benachrichtigungs-E-Mails anzupassen. Diese Funktion haben wir standardmäßig derzeit nicht.
Für eine persönliche Beratung können Sie sich an unsere Trusted Advisors im Support-Team wenden, wenn Sie eine WPForms-Lizenz haben. Bitte reichen Sie ein Support-Ticket ein und sie werden sich so schnell wie möglich (normalerweise innerhalb von 1 Werktag) bei Ihnen melden.
Wenn Sie unsere kostenlose Version verwenden, besuchen Sie bitte das WPForms Lite WordPress.org Support Forum und eröffnen Sie ein neues Thema.
Danke!
Die Formulare ändern automatisch meine regionale E-Mail-Adresse von .co.za in .co.nz, was für Leute, die sich für unseren Newsletter anmelden möchten, sehr frustrierend ist. Ich benutze die LITE-Version und es scheint keinen Ausweg zu geben.
Hallo Colleen, entschuldigen Sie die Frustration. Es sieht so aus, als ob unsere Trusted Advisors im Support-Team Ihr Problem bereits bearbeitet haben.
Bitte lassen Sie mich wissen, wenn Sie weitere Hilfe benötigen. Danke!
Hallo,
Ich verwende meinen eigenen HTML-Code in der Benachrichtigung, der Tabellen, DIVs und Überschriften enthält. wpForms ändert das HTML und fügt TD- und TR-Elemente hinzu, anstatt die Einträge einfach an ihren Stellen einzufügen. Wie kann ich das verhindern und nur das benutzerdefinierte HTML-Layout der Benachrichtigung so verwenden, wie ich es bei Contact Form 7 tue?
Hallo Tegwal, ich verstehe, dass WPForms Ihr benutzerdefiniertes HTML modifiziert, indem es Tabellenelemente hinzufügt, und Sie möchten Ihre ursprüngliche HTML-Struktur für E-Mail-Benachrichtigungen beibehalten.
Wenn Sie Hilfe bei der Anpassung Ihrer Benachrichtigungs-HTML-Struktur benötigen, wenden Sie sich bitte an unsere Trusted Advisors im Support-Team, um eine persönliche Beratung zu erhalten. Bitte reichen Sie ein Support-Ticket ein und sie werden sich so schnell wie möglich bei Ihnen melden.
Wenn Sie unsere kostenlose Version verwenden, besuchen Sie bitte das WPForms Lite WordPress.org Supportforum und eröffnen Sie ein neues Thema.