KI-Zusammenfassung
Suchen Sie nach einer einfachen Möglichkeit, Ihre Formularbenachrichtigungen mit der Funktion für benutzerdefinierte E-Mail-Vorlagen von WPForms anzupassen?
Mit WPForms können Sie das Erscheinungsbild Ihrer Benachrichtigungs-E-Mails ganz einfach ändern, um ein persönlicheres Erlebnis zu schaffen.
Erstellen Sie jetzt eine benutzerdefinierte E-Mail-Vorlage
Also, ohne weitere Umschweife, gehen wir die Schritte durch, wie man eine benutzerdefinierte E-Mail-Vorlage in WordPress mit WPForms erstellt!
In diesem Artikel
So erstellen Sie eine benutzerdefinierte E-Mail-Vorlage in WordPress
Das Erstellen einer benutzerdefinierten E-Mail-Vorlage in WordPress ist sehr einfach, insbesondere mit einer benutzerdefinierten E-Mail-Vorlage von WPForms. Befolgen Sie die nachstehenden Schritte, um loszulegen.
Schritt 1. Richten Sie eine grundlegende Benachrichtigungs-E-Mail ein
Als das beste Formular-Builder-Plugin ermöglicht WPForms Website-Betreibern, Kontaktformulare, Bestellformulare, Rechnerformulare und zahlreiche andere Formularvorlagen zu erstellen, die eine breite Palette von Zielgruppen und Branchen ansprechen.
Der erste Schritt ist also die Installation des WPForms-Plugins und dann das Erstellen eines Formulars. Navigieren Sie anschließend zum Tab Einstellungen » Benachrichtigungen im Formular-Builder, um eine grundlegende Formular-Benachrichtigungs-E-Mail einzurichten.
Nachdem Sie Ihr Formular und Ihre Benachrichtigungs-E-Mail erstellt haben, speichern Sie Ihr Formular und Ihre Benachrichtigungseinstellungen, bevor Sie mit dem nächsten Schritt fortfahren, damit Sie Ihren Fortschritt nicht verlieren. Klicken Sie einfach auf die Schaltfläche Speichern in der oberen rechten Ecke des Bildschirms.
Standardmäßig verwendet WordPress PHP, um E-Mails von Ihrer Website zu senden, was von vielen Posteingängen als Spam markiert werden kann. Um dies zu vermeiden, wird empfohlen, ein SMTP-Plugin wie WP Mail SMTP zu verwenden.
Schritt 2: Wählen Sie eine E-Mail-Vorlage
Sie sind nun bereit, Ihre eigene E-Mail-Vorlage zu erstellen. Gehen Sie in Ihrem WordPress-Dashboard zu WPForms » Einstellungen und klicken Sie auf den Tab E-Mail.
Wenn Sie hier im Abschnitt Vorlage nachsehen, finden Sie sechs verschiedene E-Mail-Vorlagen, die für verschiedene Lizenzstufen verfügbar sind:
- Klassisch
- Kompakt
- Modern (Pro)
- Elegant (Pro)
- Technik (Pro)
- Nur Text
Standardmäßig verwendet jede Formular-Benachrichtigungs-E-Mail die Vorlage Klassisch, aber Sie können auf Pro upgraden, um auf die Vorlagen Modern, Elegant oder Tech zuzugreifen.
Für dieses Beispiel wählen wir die Vorlage Elegant, aber Sie können gerne eine aus der Liste auswählen, die Ihren Bedürfnissen und Anforderungen am besten entspricht.
Wenn Sie sehen möchten, wie die Vorlage im Posteingang Ihrer Benutzer aussieht, können Sie auch auf die Schaltfläche Vorschau klicken, um einen schnellen Einblick in ihr Aussehen zu erhalten.
Hier ist ein Beispiel dafür, wie die Vorlage Elegant und ihre E-Mail-Nachricht aussehen, wenn Benutzer ein Dark Theme auf ihrem Desktop- oder Mobilgerät eingestellt haben.
Schritt 3: Legen Sie ein E-Mail-Header-Bild fest
Wenn Sie eine personalisierte E-Mail-Benachrichtigung erstellen möchten, bietet WPForms den Benutzern sogar die Möglichkeit, ein E-Mail-Header-Bild festzulegen, das Ihr Markenlogo repräsentiert.
Alles, was Sie tun müssen, ist zum Abschnitt Header-Bild zu navigieren und dann auf die Schaltfläche Hochladen zu klicken, um ein Logo auszuwählen, das am oberen Rand Ihrer E-Mail angezeigt wird.
Dadurch haben Sie die Möglichkeit, entweder eine neue Datei hochzuladen oder eine vorhandene aus Ihrer WordPress-Mediathek auszuwählen.
Nachdem Sie ein neues Bild hinzugefügt oder ein vorhandenes ausgewählt haben, müssen Sie nur auf die Schaltfläche Bild verwenden klicken, und Ihr Logo sollte nun sichtbar sein.
Wenn Sie die Größe des Logos am oberen Rand von E-Mail-Benachrichtigungen ändern möchten, verwenden Sie das Dropdown-Menü mit Optionen wie Klein, Mittel und Groß.
Die Bildauflösung ändert sich je nach gewählter Größe und dem Bildschirm des Benutzers. Anders ausgedrückt, wenn Sie eine E-Mail auf einem Telefon lesen, passt sie sich automatisch an den Bildschirm an.
Schritt 4: Ändern Sie das Farbschema
Sie werden sich freuen zu hören, dass WPForms es Ihnen auch ermöglicht, die Farben in Ihrer E-Mail über den Abschnitt Farbschema anzupassen.
Sie können jede der Farben auf zwei Arten ändern. Sie können entweder die HEX-Nummer in das Farbfeld eingeben oder darauf klicken, um zum Farbwähler zu gelangen.
Während Pro-Benutzer die Hintergrund-, Körper-, Text- und Linkfarben anpassen können, können Lite-Benutzer nur die Hintergrundfarbe ändern. So funktionieren diese Optionen:
Hintergrund
Die Farbe, die Sie für den Hintergrund wählen, bestimmt, wie die E-Mail-Vorlage von außen aussieht. Die Hintergrundfarbe ist in diesem Fall dunkelblau.
Inhalt
Die Farbe des Körpers bestimmt das Erscheinungsbild des Containers der E-Mail-Vorlage. Dies ist der Ort, an dem die E-Mail-Benachrichtigung gespeichert wird.
Zu Ihrer Information, hier ist ein Beispielbild eines Körper-Containers in einem weißen Farbschema. Ändern Sie es gerne in etwas, das Ihnen gefällt!
Text
Die Wörter in der E-Mail-Benachrichtigung werden alle diese Farbe haben. Das Standard-Farbschema weist eine dunkle Textfarbe auf, wie im folgenden Bild gezeigt.
Links
Diese Farbe gilt für alle Links in der Benachrichtigungs-E-Mail. Das folgende Bild zeigt eine E-Mail-Adresse, die als Link angezeigt wird und in Grün dargestellt ist.
Typografie
Typografie ist entscheidend bei der Auswahl der Schriftfamilie für Benachrichtigungs-E-Mails, die von Ihrer Website gesendet werden. WPForms unterstützt sowohl serifenlose als auch Serifenschriften.
Um die Schriftfamilie Ihrer E-Mail-Benachrichtigung zu ändern, müssen Sie nur auf das Dropdown-Menü Typografie klicken und die gewünschte Schriftart aus der Liste auswählen.
Schritt 5: Vorschau Ihrer E-Mail-Vorlage
Wenn Sie mit den Änderungen an Ihrer E-Mail-Vorlage fertig sind, scrollen Sie nach unten und klicken Sie auf die Schaltfläche Einstellungen speichern, um die Änderungen zu übernehmen.
Nachdem Sie Ihre Änderungen gespeichert haben, können Sie eine Vorschau anzeigen, um zu sehen, wie sie im Posteingang Ihres Benutzers aussehen würden. Klicken Sie einfach auf den Link E-Mail-Vorlage in der Vorschau anzeigen.
Ein neuer Tab wird geöffnet, in dem Sie eine Beispielansicht Ihrer neuen Benachrichtigungs-E-Mail sehen können. Was Sie in den Einstellungen geändert haben, wird auch in der Vorschau angezeigt!
Schritt 6: Wählen Sie E-Mail-Vorlagen für einzelne Formulare
Wenn Sie das E-Mail-Design für einzelne Formulare ändern möchten, ist das auch möglich. Navigieren Sie im Formular-Generator einfach 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.
Die Wahl ist für alle Formulare auf Ihrer Website auf Standardvorlage eingestellt. Klicken Sie auf das Dropdown-Menü E-Mail-Vorlage und wählen Sie die gewünschte Vorlage aus, um dies zu überschreiben.
Wenn Sie mit dem Aussehen Ihres Formulars und Ihrer E-Mail-Vorlage zufrieden sind, schalten Sie Ihr Formular live und lassen Sie diese benutzerdefinierten E-Mail-Benachrichtigungen versenden!
„Durch die Anpassung Ihrer Formularbenachrichtigungen können Sie die Markenbildung und das Design der E-Mail steuern. Die Funktion für benutzerdefinierte E-Mail-Vorlagen von WPForms macht diese Aufgabe zum Kinderspiel. Sie können die Formular-E-Mails in wenigen Minuten anpassen und sie mit dem Design Ihrer Marke konsistent machen. Sehr empfehlenswert!“
Weitere Fragen zu WPForms benutzerdefinierten E-Mail-Vorlagen
Suchen Sie Antworten auf Ihre Fragen? Sehen Sie sich einige der am häufigsten gestellten Fragen an, die wir zu benutzerdefinierten E-Mail-Vorlagen von WPForms erhalten:
Wie ändere ich die E-Mail-Vorlage in WPForms?
Navigieren Sie im Formular-Generator zu Einstellungen » Benachrichtigungen. Klicken Sie dann auf Erweitert, um zu den erweiterten Optionen zu gelangen. Unter E-Mail-Vorlage sollte sich eine Dropdown-Schaltfläche befinden. Wählen Sie hier die gewünschte E-Mail-Vorlage aus.
Wie erstelle ich eine benutzerdefinierte E-Mail-Vorlage in WordPress?
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. Anschließend können Sie die Vorlage anpassen, indem Sie ein Kopfzeilenbild hinzufügen, Ihr bevorzugtes Farbschema auswählen und eine Typografie auswählen.
Wie passe ich meine E-Mail-Vorlage an?
Wählen Sie die Registerkarte E-Mail unter WPForms » Einstellungen. Sie können dann eine Vorlage auswählen, die zu Ihrem Stil passt, und sie durch Hinzufügen eines Kopfzeilenbilds, Ändern der Farben und Auswählen einer Schriftart im Textbereich zu Ihrer eigenen machen. Verwenden Sie die Schaltfläche Vorschau, um zu sehen, wie Ihre Vorlage aussehen wird, und stellen Sie sicher, dass sie den Stilrichtlinien Ihrer Marke entspricht.
Erfahren Sie als Nächstes, wie Sie Dateien an Formular-E-Mail-Benachrichtigungen anhängen
Das WPForms-Dateiupload-Feld ist eine leistungsstarke Funktion, mit der Website-Besucher Dateien hochladen können, wenn sie ein Formular auf der Frontend Ihrer Website ausfüllen. Sehen Sie sich diese Anleitung an, um zu erfahren, wie Sie diese Dateien an Ihre Formular-E-Mail-Benachrichtigungen anhängen.
Erstellen Sie jetzt eine benutzerdefinierte E-Mail-Vorlage
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.
