---
url: "/de/emailify/content/link-icon-buttons.md"
description: "Du kannst klickbare Rich-Text-Buttons mit anpassbarem Icon in deine E-Mail-Designs einfügen und mit einer beliebigen URL verlinken."
---

# Links zu Icon-Buttons in deinen E-Mails hinzufügen

> Du kannst klickbare Rich-Text-Buttons mit anpassbarem Icon in deine E-Mail-Designs einfügen und mit einer beliebigen URL verlinken.

[Video](/assets/videos/emailify/content/add-icon-buttons.mp4)

> **Warning:** Beachte, dass **Icon-Buttons in Outlook _nicht_ unterstützt werden**. Icons in deinen Buttons werden nur für Outlook-Clients unter Windows automatisch ausgeblendet, in allen anderen E-Mail-Clients aber wie erwartet dargestellt.

Um deinem E-Mail-Design eine neue Icon-Button-Ebene hinzuzufügen, klick auf eine beliebige Column- oder Hero-Ebene, wähl im Dropdown-Menü Quick Add die Option **Icon Button** aus und klick dann auf den Button **Add +**, um die neue Button-Ebene in dein Layout einzufügen.

Alternativ kannst du eine der vorgefertigten Komponenten im Tab **CTA** des Plugins auswählen: Klick auf den Unterkategorie-Tab **Icon Buttons** und dann auf eine der vorgefertigten Icon-Button-Komponenten, um sie als neue „Row“-Ebenen in dein Design einzufügen.

Nachdem du den Button nach deinen Wünschen gestaltet hast, kannst du die klickbare URL festlegen: Klick in Figma auf deine Button-Ebene, dann auf den Button **Settings**, und füg deine URL in das Eingabefeld **Clickable Link URL** ein. So öffnet dein Button beim Klick diese URL im Browser.

> **Tip:** Für **geteilte Text-/Icon-Buttons in voller Breite** kannst du entweder eine der Vorlagen in voller Breite aus dem Plugin einfügen oder bei einem deiner vorhandenen Icon-Buttons die Auto-Layout-Einstellung **Horizontal** in Figma auf **Fill** und die Auto-Layout-Einstellung **Item Spacing** auf **Auto** setzen. Dadurch wird er automatisch zu einem Button im Blocksatz bzw. einem geteilten Button.

> **Note:** Um **die Icon-Ebene** in deinem Icon-Button **anzupassen**, kannst du einen beliebigen einzelnen Figma-Icon-Frame oder eine Vektorebene in deine Icon-Button-Ebene ziehen. Lösch dann die ursprüngliche Icon-Ebene, damit sich nur ein Icon in deiner Button-Ebene befindet (neben der einzigen anderen Ebene im Button, der Textebene).

Bei Links, die über die Link-Felder von Emailify oder als Figma-Text-Hyperlinks hinzugefügt werden, lässt der HTML-Export ausführbare Ziele mit `javascript:` und `vbscript:` weg. Dynamische Vorlagen-Links und Bildquell-URLs verhalten sich weiterhin wie bisher.

> **Tip:** Du kannst [Einstellungen auf mehrere Ebenen anwenden](/de/emailify/design/settings#apply-settings-in-bulk), indem du **Settings** öffnest und dann in Figma mehrere Emailify-Ebenen desselben Typs auswählst. Jede Einstellung, die du änderst, wird auf alle ausgewählten Ebenen angewendet.