---
url: "/de/emailify/design/button-gradient-background.md"
description: "Verlaufshintergründe für Buttons aus Emailify funktionieren in den meisten E-Mail-Clients (auch Outlook). Ohne Unterstützung (zum Beispiel Yahoo! Mail) wird die erste Volltonfarbe des Figma-Verlaufs verwendet."
---

# Verlaufshintergrund zu deinen Buttons hinzufügen

> Verlaufshintergründe für Buttons aus Emailify funktionieren in den meisten E-Mail-Clients (auch Outlook). Ohne Unterstützung (zum Beispiel Yahoo! Mail) wird die erste Volltonfarbe des Figma-Verlaufs verwendet.

### Video-Tutorial: Outlook-kompatible Verlaufs-Buttons mit Figma in HTML-E-Mails einfügen

Dieses Video zeigt, wie du mit dem Figma-Plugin Emailify Outlook-kompatible, abgerundete Verlaufs-Buttons in HTML-E-Mails einfügst.
  [Embedded media](https://www.youtube-nocookie.com/embed/P-faEnzef20)

[Video](/assets/videos/emailify/design/button-gradient-background.mp4)

Du kannst deinen Button-Ebenen in Emailify einen Verlaufshintergrund geben, indem du die Eigenschaft „Fill“ deiner Ebene in Figma auf einen linearen oder radialen Verlauf setzt. Dadurch erhält dein Button beim HTML-Export automatisch einen Verlaufshintergrund.

> **Tip:** Verlaufshintergründe für Buttons aus Emailify werden von den meisten E-Mail-Clients (auch Outlook) unterstützt. E-Mail-Clients ohne Unterstützung für Verlaufshintergründe verwenden stattdessen die erste Volltonfarbe deiner Figma-Verlaufsfüllung. Achte deshalb darauf, dass sie sich als Fallback eignet (mit genug Kontrast zur Textfarbe deines Buttons), falls Verläufe nicht unterstützt werden (zum Beispiel in Yahoo! Mail).

> **Warning:** Beachte, dass der Code für Verlaufs-Buttons in **MJML**-Exporten nicht enthalten ist und der zusätzliche Outlook-Code dafür in **SendGrid**-Exporten fehlt. Beide unterstützen den zusätzlichen Code für diese Erweiterungen nicht.