Beautiful emails need beautiful layouts

While the standard one-column text layout works great in most situations, there are times when you want the design of your emails to carry an extra oomph.

This is where our layout blocks come in. They provide appealing layouts for your email content, helping to catch your subscribers’ eye and draw their attention to a call-to-action button. So let’s get into how to use them!

In your Broadcast or Sequence, click the area in the email editor in which you want to add a layout block. A + icon will appear on the left.

Click that + icon to access the content block menu and scroll down until you see the Layout option. Select it to add a new layout block to your email.

All the available layout blocks will appear in the right sidebar. Click the one you want to use and it’ll be added to your email.

In the right sidebar, you'll find Layout settings for customizing the overall look of your layout block, such as its:

Click the Column tab in the right sidebar to customize your layout block's columns—including the column spacing and border.

To change the layout block’s text, simply delete the default text and write your own.

If the layout block contains an image placeholder, click it to display the Image settings in the right sidebar. You can also save it in your favorites to find it easily. Then click the Replace button to add your own image.

Click the layout block’s button to update its:

If your layout block has multiple columns of content, you'll see a Column ratio setting under the right sidebar's Layout tab for changing the columns' widths.

Simply click and drag the slider button to adjust.

If you change your mind about using a certain layout block, you can remove it by hovering your mouse over it to reveal the righthand context menu.

Click the trash can icon in the right sidebar.

Afterward, feel free to add a different layout block to your email if you wish!

If your layout blocks have multiple columns, we'll stack these columns on top of each other on mobile for default for easier reading. This is even if your layout blocks are in a two-column format when viewed from a desktop computer.

Check out this "stacked" format in action by clicking the Preview email button on the toolbar at the top of the email editor.

After that, toggle the preview to the mobile view:

If you prefer to disable this "stacked" format on mobile, navigate to the Layout tab in the right sidebar settings.

Scroll down to the Mobile settings and toggle the Column stacking option to the None position.

The email editor: overview + FAQs