Klaviyo Pop-Up Form Tutorial 2025: Make It High-Converting In Just 12 Minutes!

0:00do you want to Trea your email list growth within 50 minutes in this video I'm going to show you how to create a high converting cof form within 15 minutes so you can follow along and Trea your list growth within 15 minutes so let's get straight into my clayo account and show you how to make it high converting okay so we're in our clayi demo account and I'm going to show you how to create the sil form from scratch so what we going to do in your CIO account in the left menu you go to cof forms and then in the top right Cor we're going to click on create form and

0:31now we see some default templates made by CFO so what we're going to do going to select all types and we're going to make a popup form because that's just the highest converting one you can even select like a category so like in this case we're just going to collect emails in this example and then we can like scroll down what are like good things that we can use as a template and I'm big fan of this template or this one so with a side image but we can also do something without a side image but just for convenience let's go with this one and let's call this

1:00uh demo sign form then we need to select the emo subscriber list that's going to be newsletter in this case include teaser yes and hit create form now the first thing that I like to do is go to targeting and behavior and then we're going to select base on rules when the form should be displayed first going to make a desktop variant so we're going to select when a visitors exiting the page after a time delay I would go anywhere between 4 to 12 seconds so let's go with six as a good starting point and after Vis has scrolled a certain amount again you should split this between 40 to 80

1:31let's go with 60 in this example then if you scroll down after this the closes the form show again after 5 days that's fine you can also go with three I like to go with three then this is going to be the desktop form so I'm going to select desktop only and later we're going to make the mobile version then let's go to targeting don't show to existing clayy profiles that's what you want because it's for new subscribers uh don't show on certain URLs so not on the card page for example and let's say you have like a whol sale page I also exclude that one and then you can also

2:00like show to visitors in certain locations if for example your us company only shipping to the US uh that can be an interesting thing to do as well but in this case I'll leave it as it is so those are like the general settings uh then we have the CER form in here so this is the email optin we going to make a sign for for Nike so first of all I want to add a logo in here let me see if there's like a logo in here there it is going to select a alt an Altex so Nike we have that and then we're going to

2:27make a headline so the headline is the most important thing because that should grab the attention unlike 20% off your first order is already like a good thing but uh one of my favorite angles to use is the mystery discount so let's go with unlock your mystery discount one of my personal favorites this text is like useless sign up for special offers and updates everyone knows that just not necessary to put it in here just create friction then we have the email input in here so the label is email the placehold text is email we're going to make it easier call and call this enter your

2:59email here so it's like completely obvious what people should do then we see that we have a white background and this input field also has a white background I want to make sure that it pops out more so we're going to settings input field text Styles and input field Styles in here and then we can change the background color and let's make it bit of a grayish color like this so it like stands out more then call to action button unlock offer I like to go with claim ideal a lot of variants that you can split as doesn't really matter for now then the background color of the

3:27button make sure that it pops out so yeah of course needs to be on brand so yeah you can make it yellow but if that's not on brand then it doesn't make sense you can just go with a black one for now I think that's more on brand and it does pop out then we're going to delete this text so by signing up you agree to receive Emil Marketing in the US that's just not necessary in Europe uh you might need it so make sure to check the rules that apply to your country then we have a second option under the main call to action button

3:52which is no thanks and I want to edit it a little bit more so we're going to call this no thanks I want to pay for price I see people don't want to pay full price so they're not going to click this button they're going to click this button that's the goal of this button so people have two options an interesting one and a not so interesting one so they're going to click on the interesting one so claim a deal no thanks I want to pay the full price let's change the fun way to normal again to make it less interesting since we have this option if people click on this

4:20it will close the form it means that we can get rid of this acts to make it less easy for people to actually click on that button so going to change the opacity to zero Z in here and we're going to change the size to one pixel so it's like completely gone in here we going to add a little bit of setting in here on top and then uh let's see what we're going to do let's reduce it on the bottom yeah that's better so now we have the logo unlock your mystery discount enter email here claim a deal call to action button and a micro copy no thanks

4:52I want to pay full price that's already good now we want to have like an interesting site image so let's use something like this I think this is a good one make sure to have an Altex in here as well I think this is a good one can see makes sense to go like this think this is a good one we can even change like how big the uh site image is going to be think this is too big so let's go with small cool so then this is the email opting step then I'm going on the top here going to hit clone going to call this micro yes hit clone step going

5:22to put this in front of the Emil optin and this is going to be the micro commitment step before the email optin so we're going to get rid of the email inut because that's just not necessary and in here we're going to ask if people even want a discount uh so we're going to get that first yes from them we get that first yes so a micro commitment you're more likely to say yes in the next steps which is the email optin so uh it works really really well we've a Ab tested this for like more than 50 Ecom Brands and like 99% of the times

5:49the micro uh step works just better than not having it so I would definitely recommend it layout is going to be the same the only change is going to be the headline here so instead of unlock your mystery discount you're going to say do you or you can say something like do you want to have a mystery discount then going to change style a little bit so we're going to make this smaller then can make this bigger so it pops out more maybe make this not bold so like this going to change the call to action button to yes please or no thanks I want to pay full price so That Remains the

6:18Same so this is the micro commitment step so if people click yes please they go to the email op in if they click no thanks I want to pay full price um yeah the form is getting close so this just works really really well so then we got discovered uh then the success page so let's change the site image again and let's add in the logo again so we want to make it like the same style as all the other steps and Logo then we're going to change the headline text so we're going to say instead of success we're going to say your discount is on

6:47its way and then the text please check your inbox for the confirmation message which your mystery discount code haven't received a message message within 5 minutes please check your spam box or promotions folder this is a really important part to add uh because a lot of the times especially if you have like bad deliverability your email is going to land in the spam box or the promotion app so by saying this uh people will check it and otherwise they're just going to reach out to your customer support with hey I have received email which they actually did uh but it was in their promotion step or the spam folder

7:25so that's why I like to add it to the success page I'm not a big fan of adding the discount code in success page I want people to open email a lot of debate on this subject I know I know this is just the way I like to do it because I think this just yields the best results overall for your email marketing and for the company itself then one last step is a teaser so we're going to add a teaser in here let's go with a rectangular style and let's go with a medium size show before displaying the form and after is closed and we're not going to

7:54use image let's get rid of that one but let's add a text mystery discount or unlock your mystery discount background color make this white let's make the same style as the rest of the form also do make sure that if you show this in the left down Corner that there's nothing else interfering with this teaser um because yeah hly often times there's a lot going on on a website things like live chats or chat Bots and stuff like that so always make sure to double check if it's not like interfering so unlucky mystery discount if people click on it it will open the micro yes and then they can continue

8:29with the rest of the form so that's basically it so unlock your mystery discount teaser a micro do you want a mystery discount uh yes please no thanks Emil op in unlock your mystery discount CLA my deal and then success page cool and hit exit and now we're going to make a mobile form for this so we're going to clone this one and we're going to call this demo sign up for mobile there it is then we're going to targeting and behavior scroll down instead of desktop only we're going to change to mobile only there you go and we're going to get rid of the accid intent because of

8:59mobile well that's just not reliable all the other settings remain the same and what we're going to do now is going to optimize like the font sizes and stuff like the app because as you can already tell it doesn't look so good right now so we can definitely optimize this let's start with the teaser if you use a rectangle it will take up the whole bottom area on mobile that's not what we want so let's change it to a circle on mobile and let's just call it mystery discount make it a bit smaller we can even go the inverted way in here so it pops out more so make it a black

9:27background cor color and let's change the text color to white so it pops out more like that then let's go to the micro yes this should be a bit bigger so let's make this 50 and this 58 that's a bit too big 52 can reduce some of the Ping little to bit do you want to have a Miss discount yes please I think the call to action button should be a lot bigger so you going to change the height in here let's change this to 70 and let's do that immediately for disc qu action button as well it Remains the Same style that and let's make this

9:58bigger as well too big and also the input field should be bigger now the height input Field height we're going to change that to 70 as well and then we're going to change like this uh Place holder text should be bigger as well let's change it to 20 that's much better this micro copy should be bigger as well let's change that to 20 as well same for the micro step there you go then the text in the call to action button should be bigger 20 right now let's try 24 yeah watch better and for the Emil of Step as well there you go this is already much

10:29better and more optimized for mobile as you can tell so I think this step now is good micus is good let's add a bit of pading in between this better yeah maybe even more so much better then let's go to success let's make this one bigger so 50 and let's remove the pading on the side and this should be way bigger obviously 22 and let's get rid of some of the petting as well let's reduce it to 20 on both sides and let's add a bit of ping below here yeah so I think this is much better way more optimized for mobile and yeah so these are the desktop and mobile form

11:06done from scratch and that's it so this is how you can create a high converting sign form in just 50 minutes so there's absolutely no reason to not do this for your e-commerce brand if you want to see like a full in-depth guide on how to create a high converting signup form because obiously this was done fast I also have a full guide a full course on how to create a high converting sign form so please make sure check out the video in the description you can find the link over there and if you enjoyed this video please don't forget to give it a thumbs up subscribe to the channel

11:36if you want more valuable content on scaling your business email marketing and I hope to see you in the next video