Skip to main content
Columns allow you to arrange content side by side, creating dynamic layouts for your emails. You can use columns to place elements like images, text, buttons, and more next to each other.
Currently, we support a maximum of two columns. Nesting columns within columns is not yet supported.

​
Adding columns

You can add columns to your email in several ways:
  • Using the editor toolbar: Click on the columns icon to insert a column layout.
  • Using the / slash menu in the editor: Type / to open the slash menu then start typing “columns” or click on the Columns option.
  • Using the + icon: hover over an existing element in your email and click the + plus icon on the left, then select Columns.
  • Dragging two blocks together: Click and hold the block settings icon (six dots) to the left of a block. Drag the block next to another one until you see a vertical gray line on the right, which indicates a new column will be created. Adding columns by dragging blocks together

​
Customizing columns

Once you’ve added columns, you can customize their appearance and behavior to suit your design needs. Width and spacing You can adjust the width of a column by clicking and dragging the gray bar between the columns. Adjusting column width You can also adjust how much space appears between columns by dragging the green bar between the columns. Adjusting column spacing Stacking columns on mobile When emails are viewed on a mobile device (when there is less horizontal space available) you can choose if your columns should stack vertically for better readability or stay as columns. In the Block styles editor panel you’ll find the option to stack columns vertically on mobile (when the viewport is 479px or smaller). Mobile stacking option Adding and moving content You can drag elements like text blocks, images, and buttons in and out of your columns. To do this, hold down the ⌘ key (Mac) or Ctrl key (Windows) while hovering over the element you want to move. Then click and drag the block settings icon (six dots) to move the block to its new position. Drag an element into a column

​
Tips

  • No nested columns: Keep in mind that nesting columns within columns is not supported. If you need a complex layout, consider adjusting your design to fit within the two-column limit.
  • Consistent styling: Use the block settings to ensure that padding and alignment are consistent across your columns for a polished look.
Last modified on February 6, 2026