---
url: "/es/emailify/elements/column.md"
description: "Usa columnas de contenido dentro de las filas para colocar texto, imágenes, botones y otros elementos."
---

# Columna de contenido

> Usa columnas de contenido dentro de las filas para colocar texto, imágenes, botones y otros elementos.

Los elementos **🏛️ Content** se usan para crear estructuras de una o varias columnas que contienen las capas de contenido propiamente dichas.

> **Warning:** **Las capas Column no se pueden anidar**. Los elementos **🏛️ Column** solo se pueden añadir directamente dentro de capas 🚣 **Row**. Si necesitas varias filas de columnas, tienes que crear una 🚣 **Row** nueva para cada fila de columnas que necesites.

> **Note:** **Las capas 🏛️ Column pueden incluir imágenes y degradados de fondo** en la vista previa de Emailify y en las exportaciones renderizadas en HTML. También puedes añadir rellenos de fondo con imagen o degradado (o ambos) a las capas 🚣 **Row**, 🦸 **Hero** y 🎁 **Wrapper** de primer nivel. Las exportaciones en bruto de `mjml` y `loops` siguen omitiendo los atributos de imagen de fondo de las Columns.

## Elementos de contenido de Column {#column-content-elements}

Estas opciones se mostrarán cuando tengas seleccionada una capa 🏛️ **Column** de Figma:

- ✍️ [Text](/es/emailify/elements/text)
- 📷 [Image](/es/emailify/elements/image)
- 🔗 [Button](/es/emailify/elements/button)
- 📐 [Spacer](/es/emailify/elements/spacer)
- ➖ [Divider Line](/es/emailify/elements/divider)
- 🧾 [Spreadsheet (Import)](/es/emailify/elements/spreadsheet)
- 🪑 [Data Table](/es/emailify/elements/table)
- 🍔 [Navigation Links](/es/emailify/elements/navbar)
- 🐦 [Social](/es/emailify/elements/social)
- 🎠 [Image Carousel](/es/emailify/elements/carousel)

## 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.
