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 ein Hintergrundbild hinzufügen kannst.

Vor dem Start

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

• In diesem Artikel wird erklärt, wie man im neuen oder im klassischen Builder ein Hintergrundbild hinzufügt. Der neue Builder ist für E-Mails geeignet, der klassische Builder für E-Mails und Landingpages. Im Artikel Informationen über die E-Mail-Builder von Mailchimp erfährst du mehr über die E-Mail-Builder.
• Die E-Mail-Vorlagen von Mailchimp sind 600 Pixel breit. Diese Zahl solltest du also als maximale Breite für deine Bilder im Hinterkopf behalten. 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.
• In diesem Artikel wird gezeigt, wie du ein Hintergrundbild in eine regelmäßige E-Mail-Kampagne einbaust. Je nachdem, mit welchem Kampagnentyp du arbeitest, sind einzelne Optionen unter Umständen nicht hundertprozentig mit den Abbildungen identisch.

Hinweise zu Hintergrundbildern

Du kannst aus Hintergrundbildern sich wiederholende Muster gestalten oder hinter deinen Kampagnen-Inhalten ein einzelnes Bild anzeigen. Der neue Builder von Mailchimp unterstützt Hintergrundbilder in allen Bereichen der E-Mail. Der klassische Builder unterstützt Hintergrundbilder in den Bereichen Preheader, Header, Body (Fließtext), Column und Footer (Fußzeile) von E-Mail-Kampagnen sowie in den Bereichen Page (Seite), Header, Body (Fließtext) und Footer (Fußzeile) von Landingpage-Kampagnen.

Outlook-Clients unterstützen Hintergrundbilder in E-Mails nur begrenzt. Bei E-Mails, die mit dem neuen Builder erstellt wurden, werden Hintergrundbilder bei Outlook-Clients eher angezeigt als bei E-Mails, die mit dem klassischen Builder erstellt wurden. Wenn ein Hintergrundbild für deine E-Mail-Kampagnen in Outlook angezeigt werden soll, empfehlen wir dir, mit einer benutzerdefinierten HTML-Vorlage zu arbeiten.

Hintergrundbilder auf Landingpages

Größere Hintergrundbilder sehen auf größeren Bildschirmen ordentlicher aus, aber wir empfehlen eine Bildbreite zwischen 1500 und 2500 Pixeln. 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.

In dieser Tabelle findest du Angaben darüber, welche E-Mail-Clients Hintergrundbilder unterstützen bzw. nicht unterstützen. Diese Informationen solltest du bei der Planung und Durchführung von E-Mail-Kampagnen und Automatisierungen berücksichtigen.

Im neuen Builder ein Hintergrundbild zu einer E-Mail hinzufügen und gestalten

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 den Tab Styles (Stile).
   
2. Klicke auf das E-Mail -Dropdown-Menü.
3. Ziehe dein Hintergrundbild im Abschnitt Background Image (Hintergrundbild) per Drag-and-Drop oder klicke auf „Browse“ (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 in den Hintergrund der gesamten E-Mail eingefügt.

Im klassischen Builder ein Hintergrundbild zu einer E-Mail oder Landingpage hinzufügen

Hintergrundbilder können im klassischen Builder zum Seitenbereich von Landingpage-Kampagnen hinzugefügt werden, nicht aber zum Seitenbereich von E-Mail-Kampagnen. Um ein Hintergrundbild zu einer E-Mail-Kampagne hinzuzufügen, musst du eine benutzerdefinierte HTML-E-Mail-Vorlage verwenden.

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

1. Klicke im klassischen Builder auf den Tab Style (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.
   (Durch ein Bild ersetzen).

Dein Bild wird in den ausgewählten Bereich eingefügt. Im Folgenden erfährst du, wie du ein Hintergrundbild gestaltest.

Die Gestaltung von Hintergrundbilder im klassischen Builder

Passe das Design und die Ausrichtung des Hintergrundbilds an, um deiner Kampagne das gewünschte Erscheinungsbild zu verleihen.

Befolge die nachstehenden Schritte, um ein Hintergrundbild im klassischen Builder zu gestalten.

1. Klicke im E-Mail- oder Landingpage-Designer auf den Tab Style (Stil).
   
2. Wähle den Bereich aus, der dein Hintergrundbild enthält.
3. Klicke unter Background (Hintergrund) auf Edit (Bearbeiten), um im Foto-Editor Änderungen an deinem Bild vorzunehmen.
   
4. Klicke auf Save (Speichern), um zu deiner Kampagne zurückzukehren, nachdem du die gewünschten Änderungen im Foto-Editor vorgenommen hast.
5. Klicke auf das Dropdown-Menü Size (Größe) und wähle die entsprechende Bildgröße aus.
   
   • Durch Auswahl der Option Auto (Automatisch) wird das Bild in voller Größe angezeigt.
   • Durch Auswahl der Option Cover (Gesamter Bereich) nimmt das Bild den gesamten Bereich ein. 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.
   • Durch Auswahl von Contain (An Bereich anpassen) wird das Bild so formatiert, dass es in den verfügbaren Bereich passt. So wird gewährleistet, dass auf sämtlichen Geräten das gesamte Bild angezeigt wird.
6. Klicke auf das Dropdown-Menü Position (Ausrichtung) und wähle zwischen den Optionen Top (Oben), Center (Mitte) oder Bottom (Unten) aus, um festzulegen, an welchem Bereich dein Bild ausgerichtet werden soll.
   
7. Klicke auf das Dropdown-Menü Repeat (Spiegelung), um die Spiegelungseinstellungen für dein Bild einzustellen.
   
   • Wähle die Option None (Keine) aus, wenn dein Bild nur einmal angezeigt werden soll.
   • Wähle die Option Horizontal (Horizontal) aus, wenn das Bild von oben nach unten gespiegelt werden soll.
   • Wähle die Option Vertical (Vertikal) aus, wenn das Bild von links nach rechts gespiegelt werden soll.
   • Wähle die Option Both (Beide) aus, um das Bild in beide Richtungen zu spiegeln.
8. Wähle aus, welche Fallback color (Alternativfarbe) angezeigt werden soll, falls der Posteingang eines Empfängers keine Hintergrundbilder unterstützt. Achte darauf, eine Farbe auszuwählen, auf der dein Text gut lesbar ist.
   
9. Klicke auf Save (Speichern), wenn du mit deinen Design-Einstellungen zufrieden bist.

Im Anschluss an die Gestaltung deines Hintergrundbilds kannst du das Kampagnenlayout weiterhin anpassen, indem du per Drag-and-Drop einen beliebigen Inhaltsblock über das Bild legst. In Abschnitten mit Hintergrundbildern solltest du kurze und prägnante Nachrichten verwenden – z. B. einen Bildblock mit deinem Logo, einen Textblock, der für deine Marke wirbt, oder eine Schaltfläche, die zu deinem Online-Shop oder deiner Website führt.

Tipps zur Gestaltung

• Verwende im Zweifelsfall am besten ein einfaches, zentriertes Bild, wenn du einen Inhaltsblock überlagern möchtest.
• Am oberen und unteren Rand jedes Kampagnenabschnitts kannst du bei Bedarf Füllraum (Padding) hinzufügen. Auf diese Weise kannst du die Ausrichtung deines Inhaltsblocks innerhalb des Abschnitts besser steuern.
• Standardmäßig ist das Dropdown-Menü Repeat (Spiegelung) auf None (Keine) eingestellt. Diese Einstellung eignet sich am besten für größere Bilder. Wenn du ein kleineres Bild hast und einen Mustereffekt hinzufügen möchtest, wähle die Option Horizontal, Vertical (Vertikal) oder Both (Beide) aus.

Hintergrundbilder testen

Du solltest deine in Mailchimp erstellten Kampagnen immer in der Vorschau testen.

Wir empfehlen dir, bei E-Mail-Kampagnen auch dein Design gründlich 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. Alternativ kannst du auch mit unserem Inbox Preview-Tool überprüfen, wie dein Hintergrundbild in unterschiedlichen E-Mail-Clients angezeigt wird.