Du kannst jeder Row-, Column-, Wrapper- oder Hero-Ebene in deinem E-Mail-Design ein Hintergrundbild hinzufügen: Klick in Figma auf die Ebene, dann auf das +-Icon neben dem Panel Fill in den Figma-Eigenschaften der Ebene, und stell den Füllungstyp auf Image. Das Beispiel oben zeigt das an einer Column-Ebene, aber derselbe Ablauf gilt auch für Row-, Wrapper- und Hero-Ebenen. Die Bildfüllung wird beim HTML-Export deiner E-Mail aus dem Plugin als Hintergrundbild angewendet.

Um den Kontrast zwischen deinem Hintergrundbild und den Inhaltsebenen zu erhöhen, kannst du über der Bildfüllung deiner Ebene eine zusätzliche halbtransparente Farbe hinzufügen (über das +-Icon neben dem Panel Fill in den Figma-Eigenschaften der Ebene). Stell die neue Gradient- oder Solid-Füllung auf die gewünschte Farbe ein und pass dann den Prozentwert der Deckkraft an (zum Beispiel 35).

Hintergrundbilder und Verläufe werden auf Row-, Column-, Wrapper- und Hero-Ebenen in der Emailify-Vorschau und in HTML-gerenderten Exporten unterstützt. Wenn du reine mjml- oder loops-Ausgabe exportierst, werden die Hintergrundbild-Attribute von Columns dort weiterhin weggelassen.

Einfarbige Fallback-Farbe hinter deinem Hintergrundbild festlegen

Wenn hinter deinem Hintergrundbild eine eigene Fallback-Farbe erscheinen soll (sichtbar, solange das Bild im E-Mail-Client lädt oder wenn der E-Mail-Client Bildinhalte zunächst blockiert), füg den Fills deiner Row-, Column-, Wrapper- oder Hero-Ebene mit dem Hintergrundbild eine zusätzliche einfarbige Füllung hinzu: Klick auf den +-Icon-Button, stell die gewählte Füllfarbe auf 100% Deckkraft und zieh sie dann ans Ende der Fills-Liste (unter deine Bildfüllung für den Hintergrund).