demobook

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

  1. Click Create Form and select the option to build from scratch
  2. Label the form and select Pop-up as the form type
  3. Select a list to add subscribers to (e.g., Newsletter)
  4. Delete the Survey step to reduce friction
  5. Configure the Teaser display settings and background colors
  6. Replace the placeholder image with your brand logo and adjust the size
  7. Customize the text, fonts, and button colors in the Email Opt-in tab
  8. Verify the button action is set to Submit Form
  9. 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)

  1. 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.KlaviyoAuthenticate sending domain (SPF/DKIM/DMARC)
  2. 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.KlaviyoAdd an opt-in popup
  3. 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.KlaviyoDesign a newsletter / email (drag-and-drop editor)
  4. 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.KlaviyoSend a broadcast campaign
  5. 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.KlaviyoBuild a welcome / drip automation
  6. Watch “Beginner’s Guide to Klaviyo Email Marketing (Full 2026 Setup)” →

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