Klaviyo's New Template Editor vs. Classic Template Editor

read
Last updated at:

Overview

Learn how to use the features in the new template editor and how it differs from the classic editor.

New Features in the New Template Editor

These features are exclusively available in Klaviyo’s new template editor. 

Sections

Use sections to organize the content of your emails. For example, use one section for all your footer content to easily save and reuse in future emails. Learn how to use sections in emails

Footer_example.jpeg

Universal Saved Content

If you save a block or section as universal content, you can make edits to all instances of the saved content at once. Learn more about using universal content in your emails.

Background Images

By adding a background image to a section, you can now overlay text on an image. In the classic editor, this is only available by custom-coding a block. Learn how to overlay text on an image

section_background.jpeg

Content Repeat

In the classic editor, the block repeat feature enables a block to repeat itself based on dynamic data. In the new template editor, the same behavior can be applied to entire sections. Learn how to use the content repeat feature

new_repeat_for.jpg

Expanded Preview Options

Preview an email template using actual profile and event data before adding the template to a campaign or flow. Click Preview and test, then click Search for a Profile to use profile data, or click Event and select an event from the dropdown. 

new_preview.jpg

Undo/Redo

Undo or redo changes from your current editing session by clicking the undo or redo button above the template preview. 

undo_redo.jpg

No-Code Custom Fonts

In Klaviyo's new template editor, you can add a custom font with just a few clicks. Once you add a custom font to one template, it is available in all new editor font dropdown menus, as well as the signup form editor. 

Differences Between the Classic and New Editors

Columns 

New Template Editor 

To add columns, click Content; then, select and drag the Columns option to where you’d like it to appear in your email.

column_new_editor.jpg

Classic Template Editor

To add columns, click Blocks > Add Columns to Email

column_classic_editor.jpg

Table Blocks

New Template Editor 

Add content to your table in the Content tab by clicking on the cell you’d like to edit. 

table_content_new.jpg

Set the table to appear once (static) or repeat (dynamic, for abandoned cart and order confirmation emails), and adjust the number of rows/columns in the Table Settings tab. 

new_table_settings.jpg

Adjust when your table appears in the Display Options tab. 

Classic Template Editor

Use the Columns tab in a table block to add, remove, and label columns. 

classic_table_.jpg

Use the Rows tab to add content to the table and to convert a table from static to dynamic (e.g., for abandoned cart messages).

table_block_content_classic.jpg

Saved Blocks

New Template Editor 

You can save blocks and sections by clicking the star icon while hovering over them. 

new_saved.jpg

Click Content > Saved to view your saved content and add it to a template. 

new_saved_blocks.jpg

Classic Template Editor

To save a block, hover over it and click the star icon.

saved_classic.jpg

Add a saved block to a template by dragging in a Saved block.

saved_block_classic.jpg

Mobile Preview

New Template Editor 

Click Desktop or Mobile at the top of the editor to toggle between views. You can use the same buttons to toggle between views when previewing with profile or event data. 

mobile_new.jpg

Classic Template Editor

Toggle between desktop and mobile previews by clicking the laptop or phone icons in the top right corner of the editor. Mobile view is only available in the template builder; previews are desktop-only. 

mobile_classic.jpg

Stack on Mobile

New Template Editor 

Choose whether the columns in a section should stack on mobile under each section’s Styles tab. 

new_stack_on_mobile.jpg

Classic Template Editor

When a message has Mobile Optimization turned on within its Styles tab, content will stack on mobile to make it easier to view on a small screen. 

classic_mobile_optimization_.jpg

Show/Hide 

New Template Editor 

Click Display Options > Create Logic to apply a show/hide rule to a block or section. 

new_show_hide.jpg

Classic Template Editor

Click the ? icon in a block’s settings to set a show/hide rule

classic_show_hide.jpg

Block Repeat

New Template Editor 

Click Display Options > Create Repeat Rules to add a block or section repeat (i.e., content repeat). 

new_repeat_for.jpg

Classic Template Editor

Click the three bars icon to add a block repeat. 

classic_repeat_for.jpg

Personalization

New Template Editor 

Click the person icon and search or select a property to add personalization, organization details, unsubscribe tags, and more. 

new_add_personalization.jpg

Classic Template Editor

Use the Insert Property dropdown to add personalization, and Insert Tag to add unsubscribe and preference page tags. 

classic_insert_property.jpg

Additional Resources

x
Was this article helpful?
27 out of 48 found this helpful