Klaviyo: Create a newsletter pop-up from scratch

Demo summary
A step-by-step walkthrough of building a pop-up form in Klaviyo, including teaser settings, logo customization, button styling, and success page configuration.
Step-by-step
- Click Create Form and select the option to build from scratch
- Label the form and select Pop-up as the form type
- Select a list to add subscribers to (e.g., Newsletter)
- Delete the Survey step to reduce friction
- Configure the Teaser display settings and background colors
- Replace the placeholder image with your brand logo and adjust the size
- Customize the text, fonts, and button colors in the Email Opt-in tab
- Verify the button action is set to Submit Form
- Align the Success page styling with your brand and click Publish
Options
- Use pre-made templates instead of building from scratch
- Change Teaser shape (e.g., rectangle) and font styles
- Adjust button block padding for a longer button appearance
- Modify email input block colors
Watch out for
- Do not tick the 'Data Privacy' checkbox during initial setup as it can make the pop-up look weird
- Ensure the button action is specifically set to submit to the correct list
- Integration must be set up before the form can go live
Tips
- Delete the survey step to avoid adding friction points for capturing emails
- Keep the teaser setting as 'Show after form is closed' so it remains accessible to users
- Keep the design as simple as possible when just getting started
- Ensure the success page fonts and colors are consistent with the opt-in page
Highlights
“It's really straightforward. Just play around with it and you'll be good to go.”
All demos from “Beginner’s Guide to Klaviyo Email Marketing (Full 2026 Setup)”
0:572:50Set up sending domains and DMARC in KlaviyoThe creator demonstrates how to add a sending domain in Klaviyo settings and manually add NS and TXT records (including DMARC) to a DNS provider like Squarespace.Klaviyo· Authenticate sending domain (SPF/DKIM/DMARC)
4:262:58Create a newsletter pop-up from scratchCurrentA step-by-step walkthrough of building a pop-up form in Klaviyo, including teaser settings, logo customization, button styling, and success page configuration.Klaviyo· Add an opt-in popup
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.Klaviyo· Design a newsletter / email (drag-and-drop editor)
10:401:30Schedule and send a Klaviyo campaignDemonstrates the campaign sending workflow, including selecting recipients, enabling smart sending, writing subject lines, and scheduling the send time.Klaviyo· Send a broadcast campaign
15:052:08Set up an automated welcome series flowShows how to build a welcome flow triggered by a list subscription, including adding filters (placed order zero times) and configuring time delays between emails.Klaviyo· Build a welcome / drip automation- Watch “Beginner’s Guide to Klaviyo Email Marketing (Full 2026 Setup)” →
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 scratchCurrentA 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 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.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