### [Hinzufügen eines benutzerdefinierten Kopfbildes zu Benachrichtigungs-E-Mails](https://wpforms.com/docs/how-to-add-custom-header-image-in-your-wpforms-email-template/)

**Veröffentlicht:** 12. November 2023
**Autor:** Umair Majeed

**Auszug:** Erfahren Sie, wie Sie die E-Mail-Vorlage bearbeiten, um Benachrichtigungs-E-Mails mit einem benutzerdefinierten Kopfbild zu versenden.

**Inhalt:**

Möchten Sie Benachrichtigungs-E-Mails mit einem benutzerdefinierten Kopfbild versenden? Dies kann eine großartige Möglichkeit sein, Ihren E-Mails Persönlichkeit und Stil zu verleihen.

Dieses Tutorial zeigt Ihnen alle Schritte, um Ihren Benachrichtigungs-E-Mails in WPForms eine benutzerdefinierte Kopfzeile hinzuzufügen.

---

### Auswahl der HTML-E-Mail-Vorlage

Zunächst stellen wir sicher, dass wir in unseren WPForms-Einstellungen die richtige E-Mail-Vorlage verwenden. Gehen Sie dazu zu **WPForms » Einstellungen** und wählen Sie den Reiter **E-Mail**.

![Registerkarte „E-Mail“ in den WPForms-Einstellungen](https://wpforms.com/wp-content/uploads/2021/10/Email-tab-WPForms-settings.png)Scrollen Sie anschließend nach unten zum Abschnitt **Vorlage**. Hier sehen Sie verschiedene Vorlagen zur Auswahl: Classic, Compact, Modern, Elegant, Tech und Plain Text.

Um ein benutzerdefiniertes Kopfbild in den Benachrichtigungs-E-Mails zu verwenden, wählen Sie eine der Vorlagen außer „Reiner Text“.

![E-Mail-Vorlagenoptionen](https://wpforms.com/wp-content/uploads/2017/12/email-template-options-1.png)### Ein benutzerdefiniertes Kopfbild auswählen

Als Nächstes fügen wir unserer E-Mail-Vorlage ein Kopfbild hinzu. Scrollen Sie dazu nach unten zum Abschnitt **Kopfzeilenbild** und klicken Sie auf die Schaltfläche **Bild hochladen**.

![Schaltfläche „Bild hochladen“](https://wpforms.com/wp-content/uploads/2021/10/Upload-image-button.png)Es erscheint ein Overlay, in dem Sie eine neue Datei hochladen oder eine vorhandene Datei aus der WordPress-Medienbibliothek auswählen können.

**Hinweis:** Für eine optimale Darstellung auf allen Geräten beträgt die empfohlene Bildgröße 300×100 Pixel.

![Upload in die WordPress-Medienbibliothek](https://wpforms.com/wp-content/uploads/2021/10/WordPress-Media-Library-Upload.png)Sobald Sie ein neues Bild hochgeladen oder ein vorhandenes Bild ausgewählt haben, klicken Sie auf die Schaltfläche **Bild verwenden**.

![Schaltfläche „Bild verwenden“](https://wpforms.com/wp-content/uploads/2021/10/Use-image-button.png)Nach der Auswahl eines Bildes wird ein Dropdown-Menü angezeigt, in dem Sie die Größe des Bildes anpassen können. Zur Auswahl stehen die Größenoptionen „Klein“, „Mittel“ und „Groß“.

![Auswahl der Bildgröße aus dem Dropdown-Menü](https://wpforms.com/wp-content/uploads/2023/11/select-image-size.png)Die E-Mail-Vorlage verfügt über weitere Anpassungsoptionen, wie z. B. die Festlegung eines Farbschemas. Weitere Informationen findest du in unserem Tutorial zur [Anpassung von Formularbenachrichtigungs-E-Mails](https://wpforms.com/docs/customizing-form-notification-emails/).

Um deine Einstellungen zu speichern, klicke nun auf die Schaltfläche **Einstellungen speichern** unten auf der Seite.

![Schaltfläche „Einstellungen speichern“](https://wpforms.com/wp-content/uploads/2021/10/Save-settings-button.png)Um Ihr benutzerdefiniertes Kopfbild zu testen, senden Sie einen Test-Eintrag an Ihr Formular und überprüfen Sie, ob die Benachrichtigungs-E-Mail mit korrekt angezeigtem Kopfbild eintrifft. Eine vollständige Anleitung zum Testen von Benachrichtigungen und Bestätigungen finden Sie in unserer [Checkliste zum Testen von Formularen](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/). Weitere Informationen zur Konfiguration Ihrer Benachrichtigungseinstellungen finden Sie in unserem Leitfaden zum [Einrichten von Formular-Benachrichtigungs-E-Mails](https://wpforms.com/docs/setup-form-notification-wpforms/).

Hier ist ein Beispiel dafür, wie die E-Mail-Benachrichtigung mit unserem benutzerdefinierten Header aussehen könnte:

![Beispiel für eine E-Mail-Benachrichtigung mit benutzerdefiniertem Kopfbild](https://wpforms.com/wp-content/uploads/2023/11/email-template-preview.png)Das war’s schon! Sie können nun ein benutzerdefiniertes Kopfbild zu Ihrer WPForms-E-Mail-Vorlage hinzufügen.

Möchten Sie als Nächstes Benachrichtigungs-E-Mails basierend auf den Formularauswahlen des Benutzers versenden? Schauen Sie sich unbedingt unser Tutorial zum Thema [Einrichten bedingter Formularbenachrichtigungen](https://wpforms.com/docs/how-to-create-conditional-form-notifications-in-wpforms/ „So erstellen Sie bedingte Formularbenachrichtigungen in WPForms“) an!

**Kategorien:** Funktionalität, Formularbenachrichtigungen

---