Klaviyo: Setting up a Signup Form Teaser

Klaviyo Try it →Watch full video →

Emiel Dingemans from Magicianly | Email Marketing·Aug 2024

Demo summary

Demonstrating how to create a persistent 'teaser' tab that allows users to reopen the signup form after closing it.

Step-by-step

Navigate to the Teaser tab in the form editor
Select a teaser shape such as rectangle, circle, or corner
Choose the position for the teaser on the screen
Input text like 'Save 10% now' and format the font and size
Set the display timing to 'Before and after' the form is closed
Adjust the background color and set transparency to zero to ensure it is solid
Center the text and ensure it contrasts with the background color

Options

Use an image or icon like a present instead of text
Position the teaser in the upper, lower, left, or right corners
Show teaser only after form is closed
Show teaser only before displaying the form

Watch out for

Ensure the teaser does not overlap or intervene with other site elements like chatbots or loyalty program popups

Tips

Make the teaser bold so it stands out from the rest of your website
Use the same font as the main signup form for brand consistency
Always check the live website to verify the teaser positioning works with other active site widgets
Set the display timing to 'before and after' to maximize visibility

Highlights

“this is basically already a good desktop form to work with”

All demos from “Klaviyo Email Marketing FULL COURSE 2026 ($300M Generated for Shopify eCommerce)”

6:061:16Klaviyo Account Creation and Shopify IntegrationWalkthrough of signing up for a Klaviyo account, selecting business type, and connecting a Shopify store URL.Klaviyo· Import / migrate contacts
7:221:22Setting up a Main Subscriber ListDemonstration of creating a newsletter list and choosing between single and double opt-in settings.Klaviyo· Tag & manage subscribers
8:443:57Setting up a Dedicated Sending Domain and DMARCStep-by-step guide on adding NS and TXT records to DNS settings (Squarespace/Google Domains) to verify a branded sending domain in Klaviyo.Klaviyo· Authenticate sending domain (SPF/DKIM/DMARC)
12:412:04Configuring Smart Sending and Attribution SettingsAdjusting account-level settings for smart sending windows, conversion attribution, and UTM tracking parameters.Klaviyo· Deliverability & setup
14:451:55Setting up the Klaviyo Brand LibraryUploading logos, selecting brand colors, and importing Google Fonts for consistent email styling.Klaviyo· Design a newsletter / email (drag-and-drop editor)
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.Klaviyo· Add an opt-in popup
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.Klaviyo· Create an email signup / subscription form
37:101:58Setting up a Signup Form TeaserCurrentDemonstrating how to create a persistent 'teaser' tab that allows users to reopen the signup form after closing it.Klaviyo· Create an email signup / subscription form
39:083:37Optimizing Signup Forms for MobileCloning a desktop form and adjusting button sizes, font sizes, and input field heights specifically for mobile users.Klaviyo· Create an email signup / subscription form
48:081:31Adding a 'Micro-Yes' Step to Signup FormsDemonstrating how to add an initial commitment step to a form to increase overall conversion rates.Klaviyo· A/B test a campaign
56:119:34Klaviyo Flow Builder BasicsAn overview of the flow interface, including selecting triggers (Added to List, Placed Order), adding profile filters, and using conditional splits.Klaviyo· Build a welcome / drip automation
1:05:4510:54Building a Multi-Step Welcome Series FlowConstructing a 7-email welcome sequence with specific time delays and content angles like brand story, bestsellers, and social proof.Klaviyo· Build a welcome / drip automation
1:19:135:28Setting up a Site Abandonment FlowCreating a flow triggered by 'Active on Site' to target visitors who browse the home page but don't view specific products.Klaviyo· Trigger emails from behavior / events
1:24:414:06Building a Browse Abandonment FlowConfiguring a flow triggered by 'Viewed Product' with filters to exclude those who have already added items to their cart.Klaviyo· Trigger emails from behavior / events
1:28:477:56Creating an Abandoned Cart FlowSetting up a flow triggered by 'Added to Cart' and explaining the difference between cart abandonment and checkout abandonment.Klaviyo· Set up an abandoned-cart flow (ecommerce)
1:38:5311:12Building a Post-Purchase Customer Thank You FlowDesigning a flow triggered by 'Placed Order' that uses conditional splits to distinguish between first-time and returning buyers.Klaviyo· Set up a post-purchase / win-back flow
1:53:203:16Creating a Sunset Flow for Unengaged SubscribersSetting up an automation to re-engage or suppress subscribers who haven't opened emails in a long period to protect sender reputation.Klaviyo· Improve deliverability / avoid spam
1:57:472:53Creating and Scheduling an Email CampaignThe process of starting a new campaign, selecting recipients, and navigating to the drag-and-drop editor.Klaviyo· Send a broadcast campaign
2:34:4411:34Importing Custom Designs into KlaviyoDemonstration of taking sliced images from Figma, compressing them, and assembling them into a responsive email within the Klaviyo editor.Klaviyo· Design a newsletter / email (drag-and-drop editor)
2:49:395:43Building an Engaged Customer SegmentUsing the segment builder to define 'Engaged 120 Days' based on email opens, clicks, and website activity.Klaviyo· Segment the list
3:05:320:33Bulk Suppressing Unengaged ProfilesShowing the shortcut in Klaviyo to suppress all current members of a segment to clean the email list.Klaviyo· Tag & manage subscribers
3:22:321:32A/B Testing Campaign Send TimesSetting up a send-time split test to determine which hour generates the highest 'Placed Order' rate.Klaviyo· A/B test a campaign
Watch “Klaviyo Email Marketing FULL COURSE 2026 ($300M Generated for Shopify eCommerce)” →

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 devicesDemonstration 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 TeaserCurrentDemonstrating 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