So fügst du ein Hintergrundbild zu einer Kampagne hinzu

Errege noch mehr Aufmerksamkeit mit deinem Marketing – füge ein Hintergrundbild zu deinen Marketing-E-Mails oder deiner Landingpage hinzu.

In diesem Artikel erfährst du, wie du Hintergrundbilder zu E-Mails und Landingpages hinzufügen kannst.

Vor dem Start

Bevor du mit diesem Vorgang beginnst, solltest du einige Punkte beachten.

• In diesem Artikel erfährst du, wie du ein Hintergrundbild sowohl in unserem neuen Builder als auch in unserem Legacy-Builder hinzufügst. Der neue Builder funktioniert für ganze E-Mails, während der Legacy-Builder für E-Mail-Abschnitte und Landingpages funktioniert.
• Die E-Mail-Vorlagen von Mailchimp sind 600 bis 660 Pixel breit. Daher solltest du am besten Bilder mit einem Bereich von 660-1320 Pixeln verwenden. In unseren Bildempfehlungen findest du Tipps zum Bilddesign.
• Da unsere Drag-and-Drop-Vorlagen auf Mobilgeräte reagieren, empfehlen wir, einem Inhaltsabschnitt mit einer einzelnen Spalte ein Hintergrundbild hinzuzufügen. Hintergrundbilder in mehrspaltigen Inhaltsabschnitten können auf Mobilgeräten verzerrt erscheinen.

Hinweise zu Hintergrundbildern

Hintergrundbilder können verwendet werden, um ein sich wiederholendes Hintergrundmuster zu erstellen oder um ein vollständiges Bild hinter deinen Inhalten anzuzeigen. Hier sind deine Optionen für Hintergrundbilder.

• Füge im neuen Builder der gesamten E-Mail ein Hintergrundbild hinzu.
• Füge im Legacy-Builder ein Hintergrundbild zu den Kopf-, Körper- und Fußzeilenabschnitten einer E-Mail hinzu. Um der gesamten E-Mail im Legacy-Builder ein Hintergrundbild hinzuzufügen, verwende eine benutzerdefinierte HTML-E-Mail-Vorlage.
• Füge im Legacy-Builder ein Hintergrundbild zur gesamten Landingpage oder zu den Kopf-, Körper-, Detail- und Fußzeilenabschnitten hinzu.

Hintergrundbilder in E-Mails

Outlook-Clients unterstützen Hintergrundbilder in E-Mails nur begrenzt. E-Mails, die im neuen Builder entwickelt wurden, zeigen mit größerer Wahrscheinlichkeit Hintergrundbilder in Outlook-Clients an als E-Mails, die im alten Builder entwickelt wurden. Wenn ein Hintergrundbild in Outlook angezeigt werden soll, empfehlen wir die Verwendung einer benutzerdefinierten HTML-Vorlage.

Hintergrundbilder auf Landingpages

Größere Hintergrundbilder sehen auf größeren Bildschirmen sauberer aus, aber wir empfehlen, Bilder mit einer Breite von 1500-2500 Pixeln zu halten. Die empfohlene Bildhöhe hängt davon ab, wie viel deine Landingpage enthält; vergiss jedoch nicht, dass größere Bilder deine Seite verlangsamen können.

Ein Hintergrundbild zu einer gesamten E-Mail im neuen Builder hinzufügen

Wähle das Bild aus, das im Hintergrund deiner gesamten E-Mail angezeigt werden soll. Wenn ein E-Mail-Client keine Hintergrundbilder unterstützt, wird stattdessen eine Hintergrundfarbe angezeigt.

So fügst du im neuen Builder ein Hintergrundbild zu einer E-Mail hinzu:

1. Klicke im neuen Builder auf die Registerkarte Stile.
   
2. Klicke auf das E-Mail -Dropdown-Menü.
3. Ziehe dein Hintergrundbild im Bereich Hintergrundbild per Drag-and-Drop oder klicke auf Durchsuchen, um ein Bild aus dem Content-Studio auszuwählen.
4. Nachdem du dein Hintergrundbild hinzugefügt hast, kannst du im Menü die Größeund Position auswählen und festlegen, ob es wiederholt werden soll.

Dein Bild wird dem Hintergrund der gesamten E-Mail hinzugefügt.

Füge ein Hintergrundbild zu E-Mail-Abschnitten oder Landingpages im Legacy-Builder hinzu

Hintergrundbilder können im Legacy-Builder zu E-Mail-Abschnitten hinzugefügt werden. Verwende den neuen Builder oder eine benutzerdefinierte HTML-E-Mail-Vorlage, um ein Hintergrundbild auf die gesamte E-Mail anzuwenden.

So fügst du ein Hintergrundbild zu E-Mail-Abschnitten oder einer Landingpage im Legacy-Builder hinzu:

1. Klicke im Legacy-Builder auf die Registerkarte Stil.
   
2. Klicke auf den Bereich, in den das Hintergrundbild eingefügt werden soll.
3. Klicke unter Background (Hintergrund) auf Add an image instead (Durch ein Bild ersetzen), um das Content Studio zu öffnen. Lade ein neues Bild von deinem Computer hoch, wähle ein vorhandenes Bild aus dem Content Studio aus oder importiere ein Bild aus einer Webadresse.
   
4. Klicke auf Bearbeiten , um das Bild im Foto-Editor zu gestalten und zu ändern.
   
5. Wenn du die Änderungen im Foto-Editor abgeschlossen hast, klicke auf Speichern , um zum Legacy-Builder zurückzukehren.
6. Klicke auf das Dropdown-Menü Größe und wähle aus, wie groß dein Bild sein soll.
   
   
   • Wähle Auto, um das Bild in seiner tatsächlichen Größe anzuzeigen.
   • Wähle Abdeckung , um die Breite des gesamten Abschnitts zu füllen. Dies eignet sich am besten für größere Bilder mit zentrierten Inhalten. Das Bild kann zugeschnitten werden, wenn es auf verschiedenen Geräten angezeigt wird.
   • Wähle Enthalten , um das Bild auf eine Größe zu skalieren, die der Höhe in seinem Container entspricht, sodass das gesamte Hintergrundbild auf jedem Gerät angezeigt werden kann.
7. Klicke auf das Dropdown-Menü Position und wähle aus, dein Bild mit dem oberen, mittleren oder unteren Teil des Abschnitts auszurichten.
8. Klicke auf das Dropdown-Menü Wiederholen und wähle das sich wiederholende Muster deines Bildes aus.
   
   
   • Wähle Keine, damit dein Bild nur einmal angezeigt wird.
   • Wählen Sie Horizontal, um das Bild von oben nach unten zu wiederholen.
   • Wählen Sie Vertikal, um das Bild von links nach rechts zu wiederholen.
   • Wähle Beides , um das Bild in beide Richtungen zu kacheln.
9. Wähle eine Fallback-Farbe aus , die in Clients angezeigt werden soll, die keine Hintergrundbilder unterstützen. Achte darauf, eine Farbe auszuwählen, auf der dein Text gut lesbar ist.
10. Klicke auf Speichern.

Nachdem du dein Hintergrundbild gestaltet hast, kannst du jeden Drag-and-Drop-Inhaltsblock über dem Hintergrundbild in dein Layout einfügen. Am besten verwendest du klare, kurze Nachrichten in Abschnitten mit Hintergrundbildern, z. B. einen Bildblock, der dein Logo enthält, einen Textblock, der deine Marke bewirbt, oder eine Schaltfläche, die mit deinem Online-Shop oder deiner Website verlinkt ist.

Tipps zur Gestaltung

• Verwende im Zweifelsfall ein einfaches, zentriertes Bild in einem Inhaltsblock.
• Füge oben und unten in jedem Abschnitt Polsterungen hinzu, um die Position des Inhaltsblocks zu steuern.
• Standardmäßig ist das Dropdown-Menü Wiederholen auf Keine eingestellt, was am besten für größere Bilder geeignet ist. Wenn du ein kleineres Bild hast und einen strukturierten Effekt erstellen möchtest, wähle Horizontal, Vertikal oder Beides.

E-Mail-Hintergrundbilder testen

Wir empfehlen dir immer, eine Vorschau deiner in Mailchimp erstellten E-Mails anzuzeigen und dein Design zu testen. Hintergrundbilder werden nicht von allen E-Mail-Clients unterstützt. Daher solltest du unbedingt ein paar Test-E-Mails an dich selbst schicken. Um zu sehen, wie eine Vielzahl von E-Mail-Clients dein Hintergrundbild anzeigt, verwende unser Inbox Preview-Tool.