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.
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.
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.
Du kannst Einstellungen auf mehrere Ebenen anwenden, 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.