How to Create a Smart Opt in Pop Up in Klaviyo

this will show you how to create a smart optin SMS popup on your website go ahead and click create sign up form go ahead and within all of your categories click on smart optin then we are going to click on the optin itself like we're going to leave the name as smart often and then we're also going to leave the SMS subscriber list as SMS subscribers because is that specifically the list that is linked to our SMS welcome flow going to click create form so one of the first things that we're going to do is ensure that our teaser matches so we will click on teaser here and leave it as the bottom rectangle you'll also want to be sure that if you already have something like some type of a teaser along the bottom of your website that you take that to consideration and then you determine what which one has your priority you only want one teaser on your website at any at any given time so we're actually going to change this to medium and then here we want it to display before and after the form is closed and then also include a close button so they can get rid of it if they like here we changed our font to match our website font but we are going to put this let's see so if we go to our website we can see that on our add toart button our call the action button here it has it all in caps so what we're going to do is come over to cavio and change this so it is also all in cap click to to save 10% then what we did here is we changed our background color to match the background color of our call to action buttons on our website okay now we're going to go to our SMS optin part under Styles we're going to have our form type be fly out our width is going to be medium and then your fly out position it honestly doesn't really matter what direction it's coming from um when you have this type of format but I always choose the bottom right and then we are going to dock it to the bottom just so it is not floating all around so dock to bottom also if you have a dock to the bottom you don't need to worry about having your logo or anything because your logo will already be present in the header of your website we are going to choose no side image because this one is populating on desktop or on mobile only so we want the emphasis to be specifically just on the offer that we're trying to provide we're going to change our background color to white since the background color of our website itself is white we're going to turn on the mobile overlay and turn on the drop shadow we also gave it a corner radius of 20 um as you can see when you change that it actually changes how curved this is so if you wanted to have it be more circular you could do 50 um for our brand we feel like the 20 is most on brand for us all right and then lastly we so here is our font itself um this we are going to put in bold so we might have to use sing bold there we'll make this one a tiny bit bigger we make this one smaller so it doesn't have quite the same emphasis and then here we just want to ensure that this has good contrast also ensure that you have this check so I plan to use this number for SMS marketing and that way it'll autop populate your SMS disclosure since this one doesn't have very good contrast as you can see it's a white background with the gray we actually need to change our font here to Black so by law this has to have good contrast and then we are going to click on our sign up button so in our website that sign up button was tan we're going to go to here our background color we going to put our tan color in um on our website we do not have a background or any type of a border on our button so we are going to do is remove our bord and then it's going to say click click to save we are going to change this to be on brand once again give you cardo we make get Poppins and then we'll give it just a little bit of weight May a little bit spacing too okay so what that person would do is they would type in their phone number hit click to save and then one time passcode will automatically populate to their phone so here we're going to do the same thing we're going to change this also change our font and then what we normally do here is we put like you're in and then here remind them to enter the six-digit code enter code didn't get a code resend and then the last thing we're going to do on this page is change our button so that once again our button matches oops remove our border put click to verify we can put click to save click for code click for code any of those things take the discount then once again we're going to change this to Black because that is a color that is on our website I okay so the last thing that we're going to do is go to Our Success message and we will always want to put our success message in here so let's put something like welcome to the club use code off use code text to sa% next order screens okay so on here we're going to ensure that our colors match and our font these popins again medium and then we will also put this one in bold and we will put this one in T and the whole time your website will be in the background make this one a little bit smaller wow there you go you are ready to rock and roll you'll just hit publish and then we're going to hit publish anyway and you

Channel: Glow Group LLC

Views: 33

Keywords:

Id: eCwMD1TV4PA

Length: 7min 59sec (479 seconds)

Published: Wed Jun 19 2024