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
- Select a template from the Sign Up Forms library, such as the multi-step email and SMS full page form
- Assign the form to your specific Email and SMS subscriber lists
- Navigate to Targeting & Behavior and select 'Show on mobile only'
- Use the Add Blocks menu to drag and drop a Phone Number input field if it is not already present
- Set the button action to 'Submit' for the opt-in steps
- Configure the Success message step to confirm the subscription
- Go to Styles and select 'Popup' as the form type
- 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”
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.Klaviyo· Add an opt-in popup
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: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
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.Klaviyo· Design a newsletter / email (drag-and-drop editor)
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- Watch “Ecommerce Email Marketing 2025 Free Course (8+ Hours) | Klaviyo & Shopify” →
Add an opt-in popup
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
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
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: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
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
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
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
Klaviyo