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