---
url: "/de/emailify/elements/code.md"
description: "Füge zwischen den Layout-Elementen im E-Mail-Frame von Emailify eigene Codeblöcke ein."
---

# Eigener Code

> Füge zwischen den Layout-Elementen im E-Mail-Frame von Emailify eigene Codeblöcke ein.

[Video](/assets/videos/emailify/content/custom-code-elements.mp4)

Wenn du _zwischen_ Elementen in deinem ✉️ **Email**-Frame eigenen Code einfügen musst, zum Beispiel plattformspezifische Vorlagen- oder Bedingungs-Tags, kannst du dafür eine **🧑‍💻 Custom Code**-Ebene einfügen. Sie wird als Figma-Textebene hinzugefügt, in die du deinen eigenen Code einfügst. Beim Export der E-Mail als HTML wird er als reiner Code ausgegeben.

> **Warning:** **Code-Ebenen lassen sich nicht verschachteln**. **🧑‍💻 Custom Code**-Ebenen können nur direkt in einen ✉️ **Email**-Frame eingefügt werden. So fügst du in deinem E-Mail-Design eigene Codeblöcke _zwischen_ 🚣 Content Row-, 🦸 Hero- und 🎁 Row Wrapper-Ebenen ein.

## Neue Emailify-Ebenen mit „Quick Add“ hinzufügen {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

In Emailify baust du deine Designs aus speziellen Layoutblöcken und Inhaltselementen auf. Sie werden als Ebenen zu deinen Figma-Designs hinzugefügt und lassen sich aus dem Plugin als HTML exportieren.

Um diese Layoutblöcke und Inhaltselemente hinzuzufügen, erstelle zuerst mindestens einen Emailify-Frame und klick dann auf diesen Frame. Unten im Plugin erscheint automatisch das Kontextmenü **Quick Add Element**. Klick auf das gewünschte Element und dann auf den Button **Add +**, um es der ausgewählten Ebene hinzuzufügen.

> **Tip:** Welche Optionen das Kontextmenü anbietet, hängt davon ab, welche Figma-Ebene gerade ausgewählt ist.