Upload custom Figma designs to Klaviyo

Ecommerce Email Marketing 2025 Free Course (8+ Hours) | Klaviyo & Shopify →

1. 52:2918:01Build a mobile opt-in popup in KlaviyoA step-by-step walkthrough of creating a mobile-only signup form in Klaviyo, including editing blocks, setting up multi-step email/SMS capture, and configuring targeting behaviors like time delay.Klaviyo· Add an opt-in popup
2. 1:10:304:42Design a desktop signup form in KlaviyoDemonstrates how to clone a mobile form for desktop use, adjust image placement (Right image vs. Left image), and hide the close button to force user decision-making.Klaviyo· Add an opt-in popup
3. 3:36:500:47Set up A/B tests in Klaviyo flowsDemonstrates the 'conditional split' method for A/B testing flow emails to compare performance metrics directly in the flow builder.Klaviyo· A/B test a campaign
4. 6:56:045:55Upload custom Figma designs to KlaviyoCurrentWalks through slicing a design in Figma, compressing images, and rebuilding the layout in Klaviyo using image blocks and tables for social icons.Klaviyo· Design a newsletter / email (drag-and-drop editor)
5. 8:09:111:05Deliverability hack: Invisible text in KlaviyoDemonstrates how to paste large blocks of text into a Klaviyo email and make it invisible (white text, small font) to improve the image-to-text ratio for spam filters.Klaviyo· Improve deliverability / avoid spam

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 KlaviyoCurrentWalks 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 EditorShows 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