demobook

Build a mobile opt-in popup in Klaviyo

Demo summary

A 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.

Step-by-step

  1. Select a template from the Sign Up Forms library, such as the multi-step email and SMS full page form
  2. Assign the form to your specific Email and SMS subscriber lists
  3. Navigate to Targeting & Behavior and select 'Show on mobile only'
  4. Use the Add Blocks menu to drag and drop a Phone Number input field if it is not already present
  5. Set the button action to 'Submit' for the opt-in steps
  6. Configure the Success message step to confirm the subscription
  7. Go to Styles and select 'Popup' as the form type
  8. Adjust the width to 750x500 for a standard mobile fit

Options

  • Choose between Popup, Full Page, Flyout, or Embed form types
  • Enable a 'Teaser' block to allow users to reclaim discounts after closing the form
  • Toggle image visibility to show on all devices or desktop only

Watch out for

  • If your SMS is hosted on a platform other than Klaviyo, you must contact that provider to integrate their capture method into a Klaviyo form
  • Changing the 'Side Image' setting to 'No Side Image' can break the formatting and spacing on mobile templates

Tips

  • Create separate forms for mobile and desktop rather than one responsive form to make data analysis easier
  • Avoid using Teasers on mobile as they often obstruct the customer's shopping experience
  • Keep the default 'Right Image' setting even if not using an image to maintain the template's pre-configured spacing
  • Don't use templates exactly as they are; customize the blocks and text to fit your specific resources

Highlights

this kind of looks like a lot but it's really not

All demos from “Ecommerce Email Marketing 2025 Free Course (8+ Hours) | Klaviyo & Shopify

  1. 52:2918:01Build a mobile opt-in popup in KlaviyoCurrentA 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.KlaviyoAdd 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.KlaviyoAdd 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.KlaviyoA/B test a campaign
  4. 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.KlaviyoDesign 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.KlaviyoImprove deliverability / avoid spam
  6. Watch “Ecommerce Email Marketing 2025 Free Course (8+ Hours) | Klaviyo & Shopify” →

Add an opt-in popup

  1. 2:590:51Create a signup form and list in KlaviyoShows how to create a 'newsletter subscribers' list and build a corresponding signup popup with exit-intent triggers and GDPR compliance.Uk Desi Vlogger
  2. 45:393:48Configuring Popup Targeting and BehaviorsA detailed demo of setting up popup triggers including exit intent, scroll depth, and frequency caps, as well as mapping the form to a specific subscriber list.Derek Stroh
  3. 4:262:58Create a newsletter pop-up from scratchA step-by-step walkthrough of building a pop-up form in Klaviyo, including teaser settings, logo customization, button styling, and success page configuration.Walshy Mails | Sunlo Consulting
  4. 4:533:49Create and customize a Klaviyo signup formDemonstrates how to select a form template, adjust the background and behavior settings (like 30-second delay or exit intent), and configure mobile vs. desktop targeting.Max Sturtevant
  5. 52:2918:01Build a mobile opt-in popup in KlaviyoCurrentA 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.Max Sturtevant
  6. 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.Max Sturtevant
  7. 19:177:25Creating and Targeting a Popup Signup FormBuilding a popup form from a template and configuring advanced targeting rules like exit-intent, scroll depth, and URL exclusions.Emiel Dingemans from Magicianly | Email Marketing