Übersicht

Erfahre, wie du Text, Bilder und andere E-Mail-Inhalte über Hintergrundbildern anordnest. Du kannst einem vollständigen E-Mail-Layout oder einem einzelnen Abschnitt ein Hintergrundbild hinzufügen. Wenn du diese Funktionen verwendest, kannst du ein Bild über ein anderes legen oder eine Schaltfläche oder Text über einem Bild platzieren.

Über Hintergrundbilder

Du kannst ein Hintergrundbild hinter einer gesamten E-Mail-Vorlage oder hinter einem bestimmten Abschnitt in der Vorlage hinzufügen. Vorlagenhintergründe werden über den Tab Stile der Vorlage hinzugefügt und erstrecken sich in der Regel über die gesamte Breite und Höhe der E-Mail.

Template background image
Template background image

Abschnittshintergründe sind jedoch auf bestimmte Bereiche der E-Mail beschränkt. Sie ermöglichen dir, dynamische, auffällige Bilder und Call-to-Action zu erstellen. Du kannst auch mehrere Call-to-Actions über einem Bild einfügen (z. B. „Schuhe kaufen“ und „Accessoires kaufen“). Diese abschnittsspezifischen Hintergrundbilder können über den Tab Stile eines Abschnitts hinzugefügt werden.

Section background image settings
Section background image settings

Die Verwendung eines Hintergrundbilds mit überlagertem Text und anderen Inhalten kann die Barrierefreiheit deiner E-Mail im Vergleich zum Einfügen eines einzelnen Bilds, das Text enthält, verbessern. Wenn deine Nachricht hauptsächlich Bildinhalte mit wenig Text enthält, sind Empfänger*innen, die Screenreader und andere Barrierefreiheitshilfen verwenden, die keine Bilder anzeigen, auf Alt-Text angewiesen, um den Inhalt der Nachricht zu verstehen.

Zusätzlich können Empfänger*innen, die Posteingänge im Nur-Text-Format verwenden oder ihre Posteingänge so einstellen, dass Bilder standardmäßig ausgeblendet werden, deine Nachricht nicht so leicht verstehen. Wenn du Standard-Textblöcke mit einem Bild dahinter verwendest, ist es für diese Empfänger*innen mit Anforderungen an die Barrierefreiheit oder alternativen Geräten einfacher, deine Nachricht zu verstehen.

Hintergrundbilder auswählen

Wenn du ein Bild als Hintergrund für einen Abschnitt oder eine Vorlage auswählst, wähle ein Bild, das eine ausreichend hohe Auflösung hat, damit es im Posteingang scharf und professionell aussieht. Achte jedoch darauf, keine unnötig große Datei zu verwenden, da dies zu langsamen Ladezeiten für deine E-Mails führen kann. Verwende im Allgemeinen Bilder mit 1 MB oder weniger als Abschnittshintergründe.

Ein Hintergrundbild für einen Abschnitt festlegen

Nachdem du ein Bild ausgewählt hast, füge deiner E-Mail-Vorlage einen neuen Abschnitt hinzu.

  1. Suche im Tab Styles des Abschnitts den Bereich „Hintergrund“.
  2. Klicke auf +, um ein Bild hinzuzufügen.
Add a section background image
Add a section background image
  1. Klicke auf Bildbibliothek durchsuchen und lade dann dein Bild hoch.
  2. Sobald du das Hintergrundbild gestaltet hast, füge dem Abschnitt Inhalte hinzu. Du kannst deinem Abschnitt jeden Blocktyp (z. B. Textblock, Button-Block, Tabellenblock) und beliebig viele Blöcke hinzufügen.

Nachdem du ein Hintergrundbild festgelegt hast, wähle auch eine Hintergrundfarbe aus. Diese Farbe wird angezeigt, wenn das Hintergrundbild aus irgendeinem Grund nicht geladen werden kann.

  1. Öffne den Tab Stile des Abschnitts.
  2. Schalte Abschnittsfarbe ein.
  3. Wähle eine Farbe aus, die der Farbe des ausgewählten Bildes möglichst nahekommt.

Optionen für den Hintergrundstil des Abschnitts

Um auszuwählen, ob das Bild die gesamte Breite deiner E-Mail einnimmt oder innerhalb des Inhalts der E-Mail angezeigt wird, wähle in der Einstellung Anzeigen in zwischen Inhalt oder Abschnitt.

Wähle im Abschnitt Format zwischen den folgenden Optionen:

  • Originalgröße
    Dein Bild wird in seiner Originalgröße angezeigt und in keiner Weise eingeschränkt.
  • Anpassen
    Dein Bild wird vollständig in den Abschnittsbereich eingepasst und kann die darunterliegende Hintergrundfarbe sichtbar machen, wenn es nicht exakt die Größe des Abschnittsbereichs hat.
  • Füllen
    Dein Bild füllt den Abschnittsbereich vollständig aus, und ein Teil des Bildes kann zugeschnitten werden.
  • Kachel
    Das Bild wiederholt sich, um den gesamten Abschnittsbereich auszufüllen, und du kannst die Kachelgröße umschalten, um den Maßstab auszuwählen.

Ein Hintergrundbild für die Vorlage festlegen

So fügst du einer E-Mail-Vorlage ein Hintergrundbild hinzu:

  1. Navigiere zur Registerkarte Styles der Vorlage.
  2. Klicke auf +, um ein Bild hinzuzufügen.
Template background option
Template background option
  1. Wähle ein Bild aus deiner Bildbibliothek aus oder lade ein neues hoch.

Sobald du dein Bild hinzugefügt hast, kannst du ändern, wie es positioniert ist und ob es horizontal und vertikal wiederholt (oder gekachelt) werden soll.

Als Hintergrundbilder für eine Vorlage festgelegte Bilder können die volle Breite des Vorlagenbereichs abdecken. Du solltest eine Vorlagenhintergrund -Farbe in einem ähnlichen Farbton wie dein Bild festlegen, da die Hintergrundfarbe angezeigt werden kann, während das Bild lädt oder wenn Empfänger*innen Bilder in E-Mails deaktiviert haben.

Inbox-Support für Hintergrundbilder

Auch wenn die meisten Posteingänge Hintergrundbilder unterstützen, gibt es bestimmte Situationen, in denen sie möglicherweise nicht angezeigt werden. In diesen Szenarien wird stattdessen die Hintergrundfarbe angezeigt.

Die folgenden Posteingänge unterstützen keine Hintergrundbilder:

  • Outlook für Windows
  • Yahoo! Mail (teilweise unterstützt)
  • AOL (teilweise Unterstützung)

Wenn Empfänger*innen außerdem einen eingeschränkten oder langsamen Internetzugang haben, wird das Hintergrundbild möglicherweise langsam oder gar nicht geladen, sodass stattdessen die Hintergrundfarbe sichtbar wird.

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Partner
Beauftragen Sie einen Klaviyo-zertifizierten Experten, der Ihnen bei einer bestimmten Aufgabe hilft oder für das laufende Marketing-Management zuständig ist.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp