Optimizing Klaviyo forms for mobile devices

Emiel Dingemans from Magicianly | Email Marketing·Apr 2026

Demo summary

Demonstration of cloning a desktop form to create a mobile-specific version, adjusting button heights, font sizes, and teaser styles for smaller screens.

Step-by-step

Clone an existing desktop form and rename it for mobile
Navigate to Targeting & Behavior and select Display on mobile only
Uncheck the 'When visitor is exiting the page' trigger
Change the Teaser style to a circle and reduce the font size to save screen space
Increase the Call to Action button height to 70 and font size to 30
Adjust the 'No thanks' text size to 18 pixels
Update the Input Field height to 70 and font size to 20 in General Styling
Increase the Success page font size to 22

Watch out for

The exit intent trigger is not reliable on mobile devices and can negatively impact user experience.

Tips

Use a circle teaser on mobile instead of a full bar to avoid overlapping with loyalty or promotion widgets
Ensure fonts are large enough to be easily readable on small screens
Increase button and input field heights to make them easier to tap on mobile

Highlights

“this is how you can optimize and tweak your signup form from desktop to mobile. So it basically gives your users a better experience”

All demos from “Klaviyo Email Marketing FULL Course 2026: The Complete Ecommerce System (Step by Step)”

5:403:13Setting up a Klaviyo signup form and targeting rulesThe creator demonstrates how to create a new signup form in Klaviyo, selecting the list, and configuring targeting behaviors like exit intent, time delays, and page exclusions.Klaviyo· Create an email signup / subscription form
8:535:12Designing a high-converting popup in KlaviyoA step-by-step walkthrough of the Klaviyo form builder, showing how to add logos, edit headlines, style input fields, and remove the close 'X' to reduce friction.Klaviyo· Create an email signup / subscription form
19:422:45Optimizing Klaviyo forms for mobile devicesCurrentDemonstration of cloning a desktop form to create a mobile-specific version, adjusting button heights, font sizes, and teaser styles for smaller screens.Klaviyo· Create an email signup / subscription form
33:461:17Setting up A/B tests for Klaviyo signup formsShows how to use the 'Create A/B Test' feature in Klaviyo to test different offers (e.g., 20% off vs. mystery discount) and configure manual weight settings.Klaviyo· A/B test a campaign
1:09:243:37Building a multi-step Welcome Flow in KlaviyoThe creator builds a welcome automation from a template, adding conditional splits for non-buyers and setting specific time delays for a front-loaded sequence.Klaviyo· Build a welcome / drip automation
1:30:412:59Setting up a Browse Abandonment flow in KlaviyoDemonstrates creating a Browse Abandonment flow, configuring the 'Viewed Product' trigger, and setting up flow filters to exclude recent purchasers.Klaviyo· Trigger emails from behavior / events
1:45:554:46Creating Abandoned Cart and Checkout flowsShows the setup of an Abandoned Cart flow using the 'Added to Cart' trigger and cloning it to create an Abandoned Checkout flow with the 'Checkout Started' trigger.Klaviyo· Set up an abandoned-cart flow (ecommerce)
2:07:331:59Configuring a Post-Purchase automationDemonstrates setting up a post-purchase flow in Klaviyo with an order count split to differentiate between first-time and returning customers.Klaviyo· Set up a post-purchase / win-back flow
3:19:055:27Building an Engaged 90-Day segment in KlaviyoStep-by-step creation of an engagement segment using 'OR' logic to combine email opens, clicks, and website activity over a 90-day period.Klaviyo· Segment the list
3:42:461:02Setting up a branded sending domain in KlaviyoShows where to find the domain settings in Klaviyo to add a branded sending domain and update DNS records for better deliverability.Klaviyo· Authenticate sending domain (SPF/DKIM/DMARC)
4:01:350:57Exporting Klaviyo analytics for AI analysisDemonstrates how to export campaign and flow analytics as CSV files from Klaviyo to be used for external data analysis.Klaviyo· Track opens / clicks / revenue (reporting)
Watch “Klaviyo Email Marketing FULL Course 2026: The Complete Ecommerce System (Step by Step)” →

Create an email signup / subscription form

5:403:13Setting up a Klaviyo signup form and targeting rulesThe creator demonstrates how to create a new signup form in Klaviyo, selecting the list, and configuring targeting behaviors like exit intent, time delays, and page exclusions.Emiel Dingemans from Magicianly | Email Marketing
8:535:12Designing a high-converting popup in KlaviyoA step-by-step walkthrough of the Klaviyo form builder, showing how to add logos, edit headlines, style input fields, and remove the close 'X' to reduce friction.Emiel Dingemans from Magicianly | Email Marketing
19:422:45Optimizing Klaviyo forms for mobile devicesCurrentDemonstration of cloning a desktop form to create a mobile-specific version, adjusting button heights, font sizes, and teaser styles for smaller screens.Emiel Dingemans from Magicianly | Email Marketing
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.Business Solution
26:428:36Designing a High-Converting Signup FormUsing the form editor to customize headlines, input fields, CTA buttons, and success pages while removing friction elements like the 'X' close button.Emiel Dingemans from Magicianly | Email Marketing
37:101:58Setting up a Signup Form TeaserDemonstrating how to create a persistent 'teaser' tab that allows users to reopen the signup form after closing it.Emiel Dingemans from Magicianly | Email Marketing
39:083:37Optimizing Signup Forms for MobileCloning a desktop form and adjusting button sizes, font sizes, and input field heights specifically for mobile users.Emiel Dingemans from Magicianly | Email Marketing