---
url: "/emailify/elements/column.md"
description: "Use content columns inside rows to hold text, images, buttons, and other elements."
---

# Content Column

> Use content columns inside rows to hold text, images, buttons, and other elements.

**🏛️ Content** elements and are used to create a single or multiple column layouts which hold the actual content layers.

> **Warning:** **Column layers can't be nested**. **🏛️ Column** elements can only be added directly inside of 🚣 **Row** layers. If you need multiple rows of columns, you'll need to create brand new 🚣 **Row** for each row of columns you need.

> **Note:** **🏛️ Column layers can include background images and gradients** in Emailify preview and HTML-rendered exports. You can also add image and/or gradient background fills to top level 🚣 **Row**, 🦸 **Hero** and 🎁 **Wrapper** layers. Raw `mjml` and `loops` exports still omit Column background image attributes.

## Column Content Elements

These options will be visible when a 🏛️ **Column** Figma layer is selected:

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

## Using the "Quick Add" feature to add new Emailify layers

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

Emailify allows you to build out your designs using special layout blocks and content elements that are added as layers to your Figma designs, and allows them to be exported out to HTML from the plugin.

To add these layout blocks and content elements, ensure that you have created at least one Emailify frame, and then click on that frame to automatically reveal the **Quick Add Element** context menu at the bottom of the plugin, then click the desired element, and click the **Add +** button to add it to the selected layer.

> **Tip:** The options that are available in the context menu will change based on your current Figma layer selection.