Create high-performing email layouts
Have you ever noticed how some designs naturally draw your attention? That's called building a visual hierarchy. This technique organizes elements to guide the viewer’s eye to important information. Establishing a clear visual hierarchy in your emails makes your messages clear, readable, and engaging. Watch the video below to learn more!
Review the 3 types of email design layouts
Great emails are defined by their thoughtful design and valuable content in each section. Choosing the right email layout depends on how much content, such as text and images, you plan to include. Let's explore when to use each layout and how to structure them effectively to maximize engagement and impact.
Inverted pyramid
When to use it?
To create easily digestible editorial content.
Ideal for:
Maintaining strong open and click rates by providing valuable content.
How to structure your email:
Use a large image to capture the reader's attention, provide additional context in the body, and make your CTA the focal point.
Single column
When to use it?
For creating a smooth reading experience with a straightforward layout.
Ideal for:
Raise awareness about products, services, or events to increase sales.
How to structure your email:
Include 1 image and a prominent call-to-action (CTA) button of similar width in a single column to guide readers through a clear path.
Zigzag
When to use it?
Use this layout when you have 3 sections or fewer, all supporting the same message.
Ideal for:
Driving traffic to your website by sending promotions like clearance items, flash sales, or limited-time discounts.
How to structure your email?
Feature several products in your email, each with its own link. Make sure each section includes a clear call-to-action (CTA), with the most important link placed first to encourage engagement and drive conversions.
Key features in the Klaviyo email template editor
Streamline your creation process and design customized emails with our intuitive email template editor. Ensure high-conversion from email to website by designing visually appealing drag-and-drop emails. Let’s explore the 5 core features of our email template editor.
Email template
What is it?
Saved email layouts with placeholder content for easy replication.
Why / how should I use it?
Streamline campaign and flow email creation with templates. Once you create an email template, save and reuse different layouts and styles for efficient marketing.
Email template library
What is it?
Klaviyo’s collection of pre-built email templates are designed to optimize click-through rates with strategic CTA placement and an ideal email length.
Why / how should I use it?
Use the library as inspiration or to find a solid foundation for your emails.To access the library, go to Content > Templates.
Email template editor
What is it?
Klaviyo’s drag-and-drop editor for creating and customizing email templates.
Why / how should I use it?
Easily create emails without coding. Suitable for anyone to design personalized emails.
Drag-and-drop blocks
What is it?
Blocks of content (e.g., text, images, and tables) for building email templates in Klaviyo’s editor.
Why / how should I use it?
Simplify content creation with drag-and-drop blocks. Easily customize your email template by dragging and dropping blocks to create the design that suits your needs.
Styles panel
What is it?
Settings that control the overall appearance of your email template, including background color, fonts, margins, and more.
Why and how should I use it?
Set once to apply consistent styles across your email template, saving time and ensuring uniformity.