Optimal email template width reference
You will learn
Learn why the default width for email templates is 600px, why this is an industry standard for marketing emails today, and how to ensure your emails look consistent across devices.
Email template width
The default width in Klaviyo's drag-and-drop email editor is 600px. To adjust the width:
- In the email editor, select Edit styles.
- Enter a value in pixels in the Width field.
- Close the Edit styles panel to save your changes.
Klaviyo doesn't recommend increasing the width of your template unless this is required for a more advanced layout. If you adjust the width above 600px, we also recommend testing how your email will look across different email clients and devices.
Understanding email width
When you're designing an email in Klaviyo, the established width of your template creates the frame for your email content. Any content you add into your template should fit within this frame.
The 600px email width has become an industry standard in email marketing because historically, the average size of a viewport in all popular desktop email clients was between 500-600px. The viewport is the framed area on a display screen where a recipient will read your email. By setting the width of your email to 600px, you can ensure that, for the average viewport size, your recipients won't have to do a lot of horizontal scrolling to see all of your content.
The standard for 600px-wide emails has stuck around and remains common today, even as optimizing emails across different devices (such as mobile) becomes increasingly important. Klaviyo recommends designing your emails at a width of 600px for desktop clients. In the drag-and-drop email editor, turn on Optimize for mobile under Edit styles > Mobile optimization to apply responsive adjustments for smaller screens, then close the panel to save your changes. Email clients vary in their support for mobile optimization, so test your email across clients and devices.
Note, however, that sticking with a 600px width will help optimize emails built with Klaviyo for mobile viewing. Emails designed to be much wider have a higher potential to look skewed when scaled down on a mobile device unless the email was carefully designed and optimized for this. This is why we encourage you to avoid increasing your template width beyond 600px unless you have a designer and/or other dedicated resources to optimize your layout across clients/devices.
Learn more about Klaviyo's options for mobile optimization.
Template content and set email width
The established width of your template creates the frame for your email content. Padding and borders reduce the space available for content within that frame.
Klaviyo automatically scales down images in image blocks to fit the available space, with the aspect ratio preserved. Table blocks use the available width for their columns. These settings help keep your layout within the template's email width, but they do not guarantee that custom HTML will fit.
If you are adding custom code into template blocks, keep its widths within the space available in your layout. Check your template’s Width setting under Edit styles. Custom HTML with fixed widths larger than the available space can overflow or render differently across email clients. Test your custom content on desktop and mobile before sending.