You will learn
Learn how to add columns to your emails when needed to make your templates more aesthetically pleasing. There are a few ways to add columns to your templates. This article will run through all the ways you can add columns to your email and how to optimize your design based on device.
To add a split block to an email:
- Drag a Split block into your template
- Adjust the Layout slider to customize the width of the columns
- In the Content section, choose whether each side of your split block should contain text or an image
- Click Column 1 to add content to the first column
- Click Column 2 to add content to the second column
- Click Save to save the block
Add Columns to Email action
To add columns to an email:
- Drag in the Add Columns to Email action to create columns in your email
- Choose your desired layout from the options in the modal
- The columns will automatically populate as text blocks, and you can add additional block types to a column by dragging them in
Unlike the split block, you can use any block, have multiple blocks within the same column, and choose to have more than two columns. For example, this is an email with an image on one side and text and a button the other.
Additionally, when a mobile browser opens the email, the columns will stack on top of each other, with the left side stacking on top of the right. If you do not want your columns stacked on mobile, opt for using a table block.
You can use a table block to create columns in your email. While table blocks can only contain text and images, they allow you to customize your emails with columns by maintaining side-by-side columns on mobile. Just like any block, drag and drop a table block into your email to get started.
After you've dropped the table block into your email, it will autopopulate with three columns, two rows, and column titles. To adjust or remove the titles of the columns, delete the header label for each column, or change the number of columns in your table, click into the column tab and make your desired changes.
To alter the look of the table block, head to block settings where you can adjust the padding, or spacing, around the columns as well as the border colors and fonts.
To optimize for the mobile experience, test the mobile view of your table. If you have a table with many columns, it will likely only look ideal on desktop. To change or hide a column for mobile, adjust the setting in the column tab.
For more information on email design, check out our guide to email design.