---
url: "/pt/emailify/elements/code.md"
description: "Insira blocos de código personalizado entre os elementos de layout do Emailify no frame de e-mail."
---

# Código personalizado

> Insira blocos de código personalizado entre os elementos de layout do Emailify no frame de e-mail.

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

Se precisar adicionar código personalizado _entre_ os elementos do seu frame ✉️ **Email**, como tags de template ou condicionais específicas de uma plataforma, você pode inserir uma camada **🧑‍💻 Custom Code**. Ela é adicionada como uma camada de texto do Figma, na qual você pode colar o seu código personalizado, que é renderizado como código puro quando o e-mail é exportado para HTML.

> **Warning:** **Camadas de código não podem ser aninhadas**. As camadas **🧑‍💻 Custom Code** só podem ser adicionadas diretamente a um frame ✉️ **Email**, como forma de inserir blocos de código personalizado _entre_ as camadas 🚣 Content Row, 🦸 Hero e 🎁 Row Wrapper do seu design de e-mail.

## Usar o recurso “Quick Add” para adicionar novas camadas do Emailify {#using-the-quick-add-feature-to-add-new-emailify-layers}

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

O Emailify permite montar seus designs com blocos de layout e elementos de conteúdo especiais, que são adicionados como camadas aos seus designs do Figma e podem ser exportados para HTML pelo plugin.

Para adicionar esses blocos de layout e elementos de conteúdo, verifique se você já criou pelo menos um frame do Emailify e clique nesse frame para mostrar automaticamente o menu de contexto **Quick Add Element** na parte de baixo do plugin. Depois, clique no elemento que quiser e no botão **Add +** para adicioná-lo à camada selecionada.

> **Tip:** As opções disponíveis no menu de contexto mudam conforme a camada do Figma selecionada.
