Designing Emails in Klaviyo Editor

Klaviyo Email Marketing Flows Tutorial for 2026 (FULL SETUP) →

1. 3:113:05Setting up a Welcome Flow in KlaviyoDemonstrates how to create a welcome flow from scratch, selecting a list trigger and adding time delays between initial emails.Klaviyo· Build a welcome / drip automation
2. 11:042:38Designing Emails in Klaviyo EditorCurrentShows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.Klaviyo· Design a newsletter / email (drag-and-drop editor)
3. 18:434:51Setting up Browse Abandonment FlowWalks through setting up the 'Viewed Product' metric trigger and adding flow filters to target users who haven't started a checkout.Klaviyo· Trigger emails from behavior / events
4. 29:253:01Configuring Abandoned Cart TriggersDemonstrates how to use the 'Started Checkout' event and dynamic product blocks to show items left in the cart.Klaviyo· Set up an abandoned-cart flow (ecommerce)
5. 36:322:57Building Post-Purchase Upsell FlowsShows how to trigger a flow based on 'Placed Order' and use conditional splits to differentiate between first-time and repeat buyers.Klaviyo· Set up a post-purchase / win-back flow
6. 43:033:41Creating Win-Back SegmentsDemonstrates creating a segment-based trigger for customers who haven't purchased in a specific timeframe (e.g., 90 days).Klaviyo· Segment the list

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

Klaviyo12Mailchimp12Kit12Brevo12Beehiiv9ActiveCampaign6MailerLite3Email Octopus1Substack1Zoho Campaigns1

1. 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.@maxwellcopy
2. 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.@maxwellcopy
3. 14:451:55Setting up the Klaviyo Brand LibraryUploading logos, selecting brand colors, and importing Google Fonts for consistent email styling.@magicianemieldingemans
4. 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.@magicianemieldingemans
5. 11:042:38Designing Emails in Klaviyo EditorCurrentShows the process of uploading designs from Figma, using the drag-and-drop editor, and creating text-based native emails.@maxwellcopy
6. 21:124:26Set up Klaviyo Brand LibraryWalkthrough of importing brand logos, hex codes, and social links into the Klaviyo brand kit for consistent email styling.@TheBrandHustler
7. 5:332:01Designing Email Templates with Drag-and-DropWalks through the visual editor using sections and blocks, highlighting universal content for brand consistency and dynamic tables for personalized data rendering.@BusinessSolution-org
8. 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.@walshymails
9. 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
10. 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
11. 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
12. 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