Add Columns to an Email

read
Last updated at:

Overview

As you’re building out your templates, you may want to add columns to your emails 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.

Split Block

The split block allows you to split your email. By default, after you’ve added a split block, there will be two equal-sized, adjacent text blocks in your email.

There are a few options you can use to customize your block to fit your needs. First, you can alter the weighting of the split. If you want your left column to take up more room than your right column, for instance, drag the cursor to the right. Second, you can choose the order that you want your columns to appear when your email is viewed on mobile. If you do not want your columns stacked on mobile, you should opt for using a table block. Third, you will have the option to change the blocks from text blocks to image blocks.

After you’ve determined the basics, you then customize the settings by selecting the tabs for each column.

2020-04-28_15-56-39.gif

Each column will behave just like any image or text block in your email.

Add Columns to Email Action

Similar to the split block, you can drag in the Add Columns to Email action to create columns in your emails. After you drag the action into your template, choose your desired layout.

2020-04-20_16-44-03.png

The columns will automatically populate as text blocks. If you would like to change the block, drag in any block directly above or below the text block in the column.

2020-04-28_16-01-56.gif

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.

Screen_Shot_2020-04-28_at_4.06.46_PM.png

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, you should opt for using a table block.

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 auto-populate 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.

2020-04-28_16-53-21.gif

For more information on email design, check out our Guide to Email Design.

Additional Resources

x
Was this article helpful?
44 out of 75 found this helpful