---
url: "/es/emailify/elements/code.md"
description: "Inserta bloques de código personalizado entre los elementos de estructura de Emailify en el frame del email."
---

# Código personalizado

> Inserta bloques de código personalizado entre los elementos de estructura de Emailify en el frame del email.

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

Si necesitas añadir código personalizado _entre_ los elementos de tu frame ✉️ **Email**, como etiquetas de plantilla o condicionales específicas de una plataforma, puedes insertar una capa **🧑‍💻 Custom Code**. Se añade como una capa de texto de Figma en la que puedes pegar tu código personalizado, que se mostrará como código sin más cuando el email se exporte a HTML.

> **Warning:** **Las capas de código no se pueden anidar**. Las capas **🧑‍💻 Custom Code** solo se pueden añadir directamente a un frame ✉️ **Email**, como forma de insertar bloques de código personalizado _entre_ las capas 🚣 Content Row, 🦸 Hero y 🎁 Row Wrapper de tu diseño de email.

## Usar la función "Quick Add" para añadir capas de Emailify nuevas {#using-the-quick-add-feature-to-add-new-emailify-layers}

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

Emailify te permite construir tus diseños con bloques de estructura y elementos de contenido especiales que se añaden como capas a tus diseños de Figma y que puedes exportar a HTML desde el plugin.

Para añadir estos bloques de estructura y elementos de contenido, asegúrate de haber creado al menos un frame de Emailify y haz clic en ese frame para que aparezca automáticamente el menú contextual **Quick Add Element** en la parte inferior del plugin. Después, haz clic en el elemento que quieras y en el botón **Add +** para añadirlo a la capa seleccionada.

> **Tip:** Las opciones disponibles en el menú contextual cambian según la capa de Figma que tengas seleccionada.