Klaviyo: Designing Email Templates with Drag-and-Drop

Business Solution·Oct 2025

Demo summary

Walks through the visual editor using sections and blocks, highlighting universal content for brand consistency and dynamic tables for personalized data rendering.

Step-by-step

Navigate to the dedicated templates area to manage designs outside of campaigns or flows
Drag sections onto the canvas to define layout and spacing
Add content blocks such as text, images, buttons, or tables into the sections
Apply template-wide styles for typography, background, and mobile optimization
Use the star icon to save a section as universal content for reuse
Insert variables or conditional logic for personalization
Configure dynamic tables to iterate over data for itemized content

Options

Start from a clean slate or a base template
Toggle per-block device display options to show/hide content on desktop vs mobile
Use the HTML block to embed bespoke elements or third-party widgets
Import an HTML file as a template
Create a hybrid template that is partially editable with drag-and-drop
Sync edits across all instances of universal content

Watch out for

Imported HTML templates must include an unsubscribe tag
Exporting a design as raw HTML removes drag-and-drop editing features

Tips

Use the video block to create a clickable thumbnail, as most email clients strip true video embeds for security
Star headers, footers, or promo strips as universal content to maintain brand consistency without manual copy-pasting
Use dynamic images by referencing a URL stored on a profile or event

Highlights

“The editor is a true drag and drop canvas built from sections and blocks.”

All demos from “Klaviyo Review & Full Demo 2025: The Ultimate Product Tour”

1:102:23Creating and Scheduling Campaigns in KlaviyoDemonstrates the workflow for setting up one-off email and SMS campaigns, including audience selection, AI subject line assistance, and advanced scheduling options like Smart Send Time.Klaviyo· Send a broadcast campaign
3:332:00Building Automated Marketing FlowsShows the drag-and-drop canvas for creating automated sequences triggered by behavior, including the use of conditional splits, time delays, and profile property updates.Klaviyo· Build a welcome / drip automation
5:332:01Designing Email Templates with Drag-and-DropCurrentWalks through the visual editor using sections and blocks, highlighting universal content for brand consistency and dynamic tables for personalized data rendering.Klaviyo· Design a newsletter / email (drag-and-drop editor)
7:342:09Setting Up Dynamic Product FeedsDemonstrates how to pull product catalog data into emails using rule-based logic for personalized recommendations based on browsing and purchase history.Klaviyo· Integrate with Shopify / store / CRM / other apps
9:432:23Building and Targeting Signup FormsShows the creation of popups, flyouts, and embedded forms, including multi-step collection, mobile optimization, and behavioral triggers like exit intent.Klaviyo· Create an email signup / subscription form
12:062:21Advanced Audience SegmentationDemonstrates building dynamic segments using complex logic, including event-based rules, profile properties, and location data to maintain clean sending lists.Klaviyo· Segment the list
14:273:10Managing Customer Data and Identity ResolutionExplores the B2C CRM and CDP features, showing how profiles are unified, data is transformed without code, and how to monitor data quality across integrations.Klaviyo· Tag & manage subscribers
Watch “Klaviyo Review & Full Demo 2025: The Ultimate Product Tour” →

Design a newsletter / email (drag-and-drop editor)

1:280:36Generate email subject lines with AIShows how to use Klaviyo's subject line AI to generate and select optimized subject lines based on campaign context.Klaviyo
2:041:27Draft email content with AIDemonstrates using the 'draft email content' AI button to generate full email layouts and copy from a text prompt, including section-specific AI generation.Klaviyo
5:332:01Designing Email Templates with Drag-and-DropCurrentWalks through the visual editor using sections and blocks, highlighting universal content for brand consistency and dynamic tables for personalized data rendering.Business Solution
11:042:38Designing Emails in Klaviyo EditorShows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.Max Sturtevant
8:162:24Design an email campaign using images and text blocksThe creator shows how to import design assets from Figma into Klaviyo's drag-and-drop editor, alternating between image slices and text blocks for better deliverability.Walshy Mails | Sunlo Consulting
1:040:22Using Smart Translations in KlaviyoDemonstrates how to use the Smart Translations feature to build a message, select supported languages, and automatically generate localized versions based on Shopify locale data.Klaviyo
1:290:15Conditional content blocks based on localeShows how to use locale data to show or hide specific blocks within an email for regional promotions or shipping notes.Klaviyo
0:181:53Using Commerce7 product blocks in KlaviyoThe demo shows how to drag product blocks into a Klaviyo template and use dynamic product feeds to automatically pull in wine products (vintage, varietal, etc.) from Commerce7.Digimatic
10:372:14Designing emails in Klaviyo's editorWalks through using the drag-and-drop editor to replace images, add product sections, and integrate social links into a template.Max Sturtevant
6:56:045:55Upload custom Figma designs to KlaviyoWalks through slicing a design in Figma, compressing images, and rebuilding the layout in Klaviyo using image blocks and tables for social icons.Max Sturtevant
14:451:55Setting up the Klaviyo Brand LibraryUploading logos, selecting brand colors, and importing Google Fonts for consistent email styling.Emiel Dingemans from Magicianly | Email Marketing
2:34:4411:34Importing Custom Designs into KlaviyoDemonstration of taking sliced images from Figma, compressing them, and assembling them into a responsive email within the Klaviyo editor.Emiel Dingemans from Magicianly | Email Marketing