How to use a split block in an email

You will learn 

Learn how to use a split block to arrange content side-by-side in Klaviyo. 

When to use a split block 

There are 3 ways to arrange content side-by-side using Klaviyo’s email editor: split block, columns, and table block. Each option offers certain advantages and tradeoffs. A split block is best when: 

• You need 2 columns and want full control over the width of each.
• You only need to place text or images side-by-side, as other content types aren’t supported.
• You want to choose whether the columns stack on mobile or remain side-by-side.

Learn more about split blocks, columns, and tables in the chart below.

Content layout	Number of columns	Width options	Allowed content types	Can columns stack on mobile view?
Split block	2	Precise control (Use Split settings > Column widths)	Image or text only	Yes
Columns	1-4	Limited selection	Any type of content block (e.g., text block, image block, review quote block)	Yes
Table block	Any number	Precise control (Use Column width > Manual)	Image or text only	No

Tables can be challenging for accessibility, as screen readers have a hard time parsing them. 

Add a split block to an email template

1. Within an email template, drag a Split block into the canvas.
   
2. Under Column selector, toggle between the left and right sides of the split.
   
3. Under Column content, choose whether the currently-selected side of the split should contain an image or text.
   
4. Add your text or image to the field below. 
5. Repeat the process for the other side of the split. 
6. Open the block’s Styles tab.
   
7. Set each column’s width as a percentage of the whole. The percentages must add up to 100%. 
8. Set the padding in between the split sides under the column width fields. 

Additional resources

• How to build dynamic blocks in a flow email
• How to add columns to an email