How to make a squeeze page with WordPress

Squeeze Page

 

So without wasting a lot of time, let’s dive in, and let’s get started today. The tutorial is made possible by Deva kake.com check out the huge selection of DV deems layouts and plugins. The link is in the description below okay.

So before we get started, let’s, talk about the plug-in and the service that we’re going to use in order for this squeeze page to work. So, first of all, let’s. Talk about the thrive leads plug-in called thrive leads, so this plug-in is very important, because this is the plug-in that collects all the leads and then it hands it over to convertkit, and this is our autoresponder.

So this is what I recommend, because it is packed with features like automations sequences and a be testing on broadcast. But if you are using MailChimp that will also work or even Aweber, okay, so let’s start off by creating a new form.

So I’m gonna come over here and go to the main dashboard. So I’m gonna click on create form, and then I’m just going to choose a basic form like that and then on the top. Here we’re, just gonna give this a name.

So let’s, call this Divi leads and then now we can go into all these options here. To set up all these are the options, but for now we’re gonna leave this as it is. So I’m gonna click on save. So if we take a look here at our dashboard, we’ll, see that we now have a new list called Divi leads, and it is right here, okay, so when people start signing up onto this, they will be.

This counter will be showing you how many subscribers we have in how many could have converted. Okay, so over here on thrive leads. This is where you can go in and download this plug-in now. This is a paid plug-in by the way, but to be honest with you, if you buy this plug-in, you won’t regret it.

This plug-in is fantastic and it can be used on so many other websites that you have okay. So I’ve, already gone ahead and downloaded the plug-in. So let’s, go into our WordPress website and let begin building this page right.

So I’m gonna come over here to pages and click on, add new right. So let’s. Call this page squeeze in fact I’ll, just call it s. Q1. Now a squeeze page doesn’t need to have a header and footer area because you want to remove all distractions as possible.

So what I’m gonna do is I’m gonna come over here to the template and then click on blank page. So by clicking on blank page, it means that our header and footer is going to be removed. Let’s, go ahead and click on publish great.

Now let’s build our page. So the first thing I’m gonna do is to come over here to use Divi builder. I’m gonna click on that, and then I’m gonna go straight to the visual builder excellent. So, as you can see, we don’t have any headers and footers on this page right.

So what I’m gonna do here is I’m gonna start by adding a single column. So this is where we’re going to have our heading, so this is going to be a text module. So I’m, going to search for it and then click on text.

So now we have our text module. So here I need to add a title to this, so I’m gonna say 100 % free course like that, and then I’m, going to highlight this and assign a heading 1 on to this. Next, I’m gonna go into design click on heading text and I’m gonna change.

My font to poppins and I’m gonna change it from regular to bold, okay, and then I want to boost the signs a little bit like that right. So next thing we need to Center this. So I’m gonna come over here to heading text alignment and then I’m gonna Center it.

So that looks great so far I’m gonna save right. So let’s, move on and let’s add another row, so I’m gonna come over here and click this plus button, so the road that we need this time had needs to have two columns.

So the first column here it needs to have a video, so I’m, going to search for my video module and select it so by default. We will have this video coming here, just as a placeholder, which is great. So I’m gonna save that and then over here we need to also have a title and some text.

So let’s, go ahead and do that so I’m. Gon na add a text module and again this comes in with some dummy text, but what I’m gonna do is I’m gonna use lorem to because I just prefer using lorem to okay.

So I’m gonna copy that, and I’m, going to paste it in here and then I’m just going to enter this, and I’m gonna use that text as a title. So this is the text I’m, going to have on the top there, but now I’m.

Also gonna need a title to go with along with that, but before I add the title, I need to come over here to design click on text and begin to change our font to Poppins, and we’re also going to crease the size To about let’s, say 16 and also increase the line height.

Okay, that looks great. I’m gonna save I’m. Also gonna add another text module. Now this text module is going to have our title. So I’m gonna get my title from Lauren too, so I’m gonna copy it and then over here I’m gonna paste it and give it a Anna sign heading two or even heading three.

I think that would work okay, so I’m gonna go to design heading text, click on the h3 tab. I’m, also going to change this to Poppins, and I’m gonna change this to semi, bold. So I think that looks great.

I’m gonna Center it and then save so. All I have to do now is to drag this at the top okay. So now this is coming along next, I need to add a line that separates the this title and the paragraphs I’m, going to click this plus button and add our divider module okay.

So I’m gonna come over here to design click on sizing, so the weight I’m, just gonna bump it up to about let’s, say three and the width let’s, bring it Down to about 60 %, or maybe even 50 – okay, that looks great.

I’m going to Center it and we’re going to change the color. So I’m gonna come over here to color and yeah. Let’s. Go with that. So that looks fine. I’m gonna save this, and then I’m, going to drag it between the title and this text.

So, as we can see here, we have a lot of space right here. So let’s, go ahead and fix that. So I’m gonna go back into the module settings, click on design spacing in fact we need to go into sizing and then I am going to adjust my height so bring this down to zero.

So that looks much better now save great. So the next thing we need to do is to add another text module. So this text module we’re going to add here is the one that’s, going to have our short code for our opportune fall.

So I’m, going to click this plus button and just add our text module like that. So for now I’m gonna leave it as it is and then save. Now let’s. Take a look at this row, so we don’t want to make this slightly bigger.

So I’m gonna come over here to my row. Settings click on design sizing, so we’re gonna use custom width for this, and then I’m going to change my unit to about a meter percentage, and I’m gonna say I’m Gon na change this to about maybe 70 % save okay, so our page is looking great.

So what we need to do now is to design the form that’s, gonna collect or our leads. So I’m gonna save this page and then I’m gonna come over here and open my dashboard in a new tab like that. Okay, so my plug-in is already installed and if you don’t know how to install plugins it’s very straightforward.

All you need to do to come over here to plugins click on old plugins, and then you want to click. On. Add new and then click on upload plug-in choose file, and then all you have to do is to locate the plug-in where it is on your computer and then click uninstall, so once thrive leads is installed.

You need to come over here to the license manager. So this is where you need to add your email address and license key and then click activate. So I’ve, already gone ahead and done it. So, as you can see here, it says, active drive leads great.

So now let’s, create our opt-in form. So I’m gonna come over here to thrive leads I’m gonna I’m gonna need a short codes opt-in. So I’m gonna click on add new, so I’m gonna call this TV leads add lead shortcode, so we can see here it’s right here and then I’m gonna click On edit create form, okay, let’s, call this devious squeeze create form and by the way you can name these forms or every want.

Next, I’m gonna come over here now and design how this is going to look. So I’m, going to click on edit design right, so there are several options here we can go with so these are said templates. So we can choose any one of these and use these as a starting point for our design.

But in my case I won’t, be using any of this, so I’m going to come to the blank one and click on choose template great. So this is a a starting point. So what I’m going to do now is I’m going to go in and customize all this.

I’m gonna start by create clicking here on lead generation, and then you can see here now that is it’s, asking us to connect to service. So this stage is very important because if you miss this, you won’t be able to collect all your leads.

So I’m gonna click here on connect form to service, so I already have convertkit. So I’m gonna click on convertkit. Ok, so now I can load my lists. So if I click this drop-down, we’ll, see all the lists that we created.

So I’m gonna click on reload, because I can’t, see the one we just created. Ok, let’s. Try again! Ok there! It is TV leads great. So I’m gonna click on continue, and then these are the form fields that we’re going to use so that’s.

Fine! I’m gonna click on next and then here it says, post, opt-in, action. So what you want to happen when someone signs up for this free course, so you can either choose to redirect them to a specific URL or we can show them a success notification.

So, in our case, I’m. Just gonna click on show success, notification, and here you can also add the customized message so for now I’m just gonna leave it as it is and just leave it as success click on save.

So now our form has been connected. Great so next I’m gonna come over here and click on edit form elements. So this allows us now to go in and customize these elements. So I’m gonna click on name, so I can increase the size here.

As you can see – and I’m – also going to add some padding – I want this nice and big okay. I’m gonna make this bold. So what we could do here with the typography we can come in here and play around with the colors, so let’s say I want this to be a lighter gray.

Okay, I think that’s. Fine, I’m gonna click apply next, I need some borders here. So let’s, go ahead and do that so I’m gonna come here to the borders and I’m gonna increase the size of the borders. So let’s.

Try three! Okay! That seems. Okay and then I’m gonna come over here to my rounded corners. I’m gonna make this four. I really like that. So that looks great, and then I’m just gonna click some safe. For now right, so what I’m gonna do next here is I’m going to customize this button, so so I’m gonna click here on this button and then, instead of saying sign up, I’m, just gonna say, download videos assuming that you’re, giving all these videos away for free, of course, okay.

So I’m gonna click update next. I’m gonna come over here and make this text slightly bigger. So I think 20 26 is perfect for this, and then here for the color, I’m going to change this color to this click apply, and I also need this to be slightly bigger.

So I’m gonna come over here. To my padding and I’m gonna increase that so a button is nice and big, and then over here we can also add rounded corners, so I’m gonna add 4 to this okay. So that looks great in fact, that may be a bit too much here.

So let me just reduce this a little bit to about maybe 21 21 okay, so that’s. Looking good, I’m happy with my form. So now I’m gonna click on a save and close, and then here now I’m. I need I need to come in here and remove this background color.

So I’m. Just click on that and then I’m, going to come here to the background color and drag the slider until it sees full transparency. Okay, that’s looking great now. So that means, when I add this form on to our page, it won’t, have any backgrounds onto it, so, which is great in fact.

One thing I may want to do here is to go back in and make some changes to my text here on the button. So I’m going to click. Edit forms form elements, and then I’m gonna make this all caps like that click on update – and I’m – also going to make it bold and the good thing about this as well is it is responsive, so you can Come and test it here by clicking this little icon at the bottom here: click on tablet, and that that gives an idea of how that’s, gonna look on tablet and also on a mobile device, which is great.

Okay. I’m gonna go back to my desktop view, so I’m. Pretty much happy with this. I’m gonna click on save and close save. So all I have to do now is to close this and then get my shortcode, so I’m gonna close here copy, my shortcode.

So, every time you want to make changes to this opt-in, you can always go into your leads item and then click on edit, okay. So back to our Divi page that we are working on, I’m gonna click here on my text.

Module settings I’m gonna highlight all this delete that and then paste my shortcode in here. Okay, I’m gonna save, and now we can see that our form has been added in. So that looks great. So we all we need to do now is to make a few adjustments here and just make sure that we don’t have this dead white space right here in the middle.

So let’s fix that. So what I’m gonna do is I’m gonna come here and activate grid mode, and then I’m gonna go in and make those changes. So, first of all, I’m gonna get rid of all the white space by coming over here to spacing, and I’m gonna reduce my margins, like that, and I’m gonna make sure that the Zero padding to the top, and also the zero padding to the bottom, save that okay.

So so far this is looking great. So what I may want to do is to come in here and just tidy up this a little bit, because this text is not in line with my opt-in form right here. So let me go ahead and fix that.

So I’m gonna click on enable visual builder okay. So I need to set my margin bottom. So what I’m gonna do is I’m gonna activate this chain, and then I’m just going to use this dial to see how much space I need.

So I think this looks great. So, as you can see here, this doesn’t. Do any justice on the top here, because we don’t want this wide space. So I’m gonna disable this chain and just add a zero to the top.

Okay, so that’s great, I’m gonna save so with my click mode selected. I’m gonna come over here and I can see here there’s, a lot of space again below this title. So I’m gonna click here and go into the settings design spacing.

So let’s start with our margin bottom. So I’m just gonna crease that to about let’s, say 10, so that looks much way much better. Now, okay, I’m gonna save and this looks fine. So what I need to do now is to go into this text.

Module go into the settings and I’m, going to reduce the size by going into sizing, and I’m gonna play around with the width here until I’m happy with the size. So I think this works. Fine, it 93 %, so I’m, going to go ahead and save right.

So I’m, pretty much happy with what I have so far. So let’s, go ahead and add another section here. So I’m gonna come over here. Click this plus button click on regular. We’re gonna add two columns. So in the left column we’re, going to have a some text, so I’m gonna click here at my text, module and then I’m gonna come over here to lorem too, and I’m gonna copy these lists, so these lists will just work as the benefits of signing up for this free course.

So I’m gonna add it here like that, and then we’re gonna customize the size. So I’m gonna come over here to design text. Crease the size increase the line height okay. So what we’re gonna do next. We’re gonna come over here to the bullets, and then I’m gonna customize that so let’s work with the line height, so I’m gonna increase it here like that, and We’re gonna, come over here to our font and choose poppins.

Okay, so I think 22 is fine and just gonna increase a bit more line height here, so it’s easier to read. Okay, so that looks great. I’m gonna save, so what we need to do next here is to match what we have above above here in terms of the size of the row.

So in fact, I may want to reduce this role. To be honest because it looks a bit too big, so I’m gonna come over here and click on design sizing, and I’m gonna reduce this to about let’s, say 66 %, save that and Then I’m gonna come here and do the same thing click my settings.

This sizing use custom width and I’m gonna set this to percentage and also add 66 okay. So that’s, looking great and then over here we can just add, you know something: maybe that just shows that it’s a product or whatever it is so.

I’m gonna come over here and add an image module and we’re gonna choose an image, so I’m gonna choose that click upload and then I’m gonna save right. So that’s, that’s looking great so far, so what I may want to do is well here is to go in and add a border on the bottom here.

So I’m, going to click here and go into my row. Settings click on design border and we’re, going to add one pixel all around and for the color we don’t want this to be very prominent. So I’m, just gonna reduce this a little bit until I get to about halfway.

Okay, I may want to make this about two pixels, though right, so that’s, much better great. So all I have to do now is to go in and add some padding. So I’m gonna go to spacing so padding top and bottom, but this is better if we use this chain – and I’m.

Also gonna do the same here that so 46 and we may as well use the same value here. Okay, so that’s, looking great and then finally, I’m gonna come over here and add a title. So let’s. Add a text module okay! So we’re gonna give this heading one go into design heading text and then I’m gonna come over here and just choose my font, but just poppins make this bold and then save so now I’M just gonna drag this to the top like that, and I may want to also reduce the spacing below this okay, so I’m going to come over here to padding and ten is fine, okay, so now I want to go ahead and Save and pretty much this is our design.

So I’m gonna save this and let’s. Do a quick preview, okay! So so far this looks great. So what I may want to do here is one more quick adjustment, which is to increase the space between my form and this text that we have above here.

So let’s, go ahead and do that so I’m gonna come here in to enable visual builder, I’m gonna click. The Settings design sizing, in fact I need to go to spacing. Then I’m just going to reduce this to about maybe 66, like that save oh and one more thing.

I’m gonna come over here to my video module and I’m gonna add an image overlay. So I’m gonna come over here to overlay. Add image so right now I’m. Just gonna go ahead and choose a random image, because I don’t have an image to add in there okay, so the image I’m going to use is this one here after sunset, so I’m going To click upload an image so, as you can see, this looks way much better, but ideally you want to use an image that works with whatever you’re working with, so I’m gonna come over here to design play icon.

I can also change the color of the icon, but I’m gonna leave this as it is. I’m, just showing you where things are and then over here on the sizing. I can reduce the size as well. If I wanted to, but it’s, fine as it is okay, so I’m, pretty much happy with my forms or with my video.

So I’m gonna save. So I’m gonna save my page and exit the building. Okay. So let me explain what is happening here so if someone comes to this page and they sign up so I’m gonna come over here and add my name just to simulate that and I’m gonna add my email.

Okay, so if I click on download videos we can see here we have success on the top, so that means this has worked so now. I need to go to my email and check if I, if anything, has arrived so I’m gonna come over here.

Go to Yahoo, I’m gonna go to mail, and I can see here important confirm your subscription. I’m gonna click on that, so this is where I need to confirm my subscription excellent source of attrition is confirmed.

Now. If I go to convertkit and if i refresh under DVDs, we should see that we now have a new subscriber. So I’m gonna refresh this and there we go. We have the subscriber and if I click here the subscriber, it also tells me who the subscriber is by coming over here to subscribers.

Okay, so there we go. So I’m, the subscriber. So now what you could do is let’s say you have quite a lot of subscribers in your mailing list. You can send them broadcast emails by coming over here to broadcasts you click on new broadcast, and then you can give it.

Then you can select where you want your email to be sent. So I’m going to come over. Here. Add filter subscribe to so I’m, going to save forms, select forms, and then here we have TV, leads, update, filter and then you can click on next.

So this is the part which I was mentioning earlier on – that this is the reason why convertkit is fantastic this because you can do a/b testing. So if I come here and click on a B, I can actually add two separate mail, email subjects here and then the system calculates which one is better and chooses that one for your subscribers and then all you have to do is to add your email.

Contents. Click Next and then that information is sent today’s. Tutorial is made possible by DV kake.com check out the a huge selection of TV themes, layouts and plugins. The link is in the description below so there you have it.

Get our book about making money online

Check the following website to make money fast

Check WarriorBookmarks For Great tips

Products You May Like

Articles You May Like

How Mutch Does It Cost To Build An App in 2021?

Leave a Reply

Your email address will not be published. Required fields are marked *