Hey everyone. Jason here, digital marketing consultant. And in this landing page build guide, you’re going to learn a simple three step process to building your landing page, using a hundred percent free software.
I’ll link up to that software in the description, along with a timestamp table of contents and a link to our sales funnel organizer, but more on that in a little bit. So let’s go ahead and jump right in.
If you want to skip the strategy part of this video and go straight into building the landing page from scratch. Here’s the timestamp to do that. So the very first step you have here is actually going out and doing a little bit of research to make sure you know, what type of landing page and what elements you need on your landing page.
So the first step is just find three landing pages to model. These should be similar landing pages or just really simple and elegant designs that you like who are being simple. We don’t need to be complicated with our landing page designs here.
And then once you have those three model landing pages, step number two is making sure you understand your market. So we’re going to quickly go through one case study. I’ll link up in the description to a landing page tutorial that dives much deeper into the strategy of what we’re doing.
Here I’m just 80, 20 in the process. So we can get to building our landing page as quickly as possible. So I’ll use this example from jasonbondpicks.com. You can see the above the fold section here.
And then on the left hand side, you can see how long the landing page actually is, here we’re just going to stick with click. Here, we’re just going to stick with above the fold. And I’m going to zero in on the five elements that you need to look at for understanding other landing pages.
Number one, you want to look for congruency, how have they tied? What’s going on the landing page to their ad. So most good marketers and larger players in your niche will make sure that the message that’s in the ad is the same as the message that’s on the landing page.
So you really want to understand what that message is and how it’s being pulled through to the landing page. I’ll get to that in a moment. If that doesn’t really make sense, number two, you want to make sure you understand who their ideal customer is.
Who are they targeting with their landing page? Because this is going to help you with who you’re going to target with your landing page. Then we have what action and commitment are visitors being asked to take and make.
And then finally, how long is the any page, in this particular instance, if we go back a slide, you’ll see here that his landing page is actually very long. And this is because there’s a lot of trust and credibility things that needs to be built up, because he’s talking about people’s hard earned money.
Whereas if you’re doing something on time management or productivity, you might not need to show as many testimonials, trust seals and media properties that you’ve been featured in because you’re not talking about, you know, someone’s retirement.
So let’s go ahead and go through the first part of his landing page. Number one, is there congruency? Well, this is from a YouTube ad. So he actually has the YouTube ad playing on the landing page.
So you can’t get much more congruent than that. In your particular instance, you want to make sure that the same images and the same headlines that you’re using in your ads or in your content is also on your landing page.
So it feels like a natural progression. Number two, who is Jason talking to? Well, here this one is talking to someone who’s already trading. So he’s not targeting people who are just getting started, because someone who’s just getting started, won’t already have a stock portfolio.
Then number three, what’s the action register for the master class. The commitment is asking for a name and email, optional phone number. When you’re putting together your first landing pages, you don’t need to get fancy with phone numbers.
You’ll see a lot of larger companies and larger influencers doing this. You don’t need to do this to be successful. If anything, it’s going to hurt you in the short run. And then as we saw earlier, this is a very long landing page, simply because of the amount of trust he has to build.
So once you’ve gone through that process, you don’t have to spend more than an hour on it. It’s time to actually write the copy for your landing page. And it’s very important that you keep it simple.
All you have to do, you want them minimum amount of effort here, is what do you have to communicate in order to let the person know who’s on your landing page that entering their name and email will get them closer to what they ultimately want.
That’s all your landing page copy has to do and not a word more. So we’re going to write our landing page before we actually build the pages. And this is actually where our sales funnel template comes in.
So I’ll link up in the description to this template and all it is, is it helps walk you through each step of your lead generation and funnel building process and make sure that not only do you have all the right elements, also provide you with some ideas for headlines.
Sub-headlines, gives you some copywriting formulas and some bullet formulas as well. So I definitely recommend checking it out after you’re done watching this video, because it even is going to help you with some of your emails, over here to save us some time, I’ve gone ahead and use the exact same formula that Jason used on his landing page for our new landing page.
So you can see our landing page is going to say, learn the three simple strategies I use that can three X your channel income in the next 90 days. And as you can see, this is very similar to our landing page example.
I’ve gone ahead and bolded the anchor text here. So you can actually use this exact formula for pretty much any niche or industry, right? All we did is instead of saying patterns, we said strategies, instead of talking about a portfolio, we talked about channel income and we said in the next 90 days, and so you can actually play around with these formulas.
I just wanted to show you that it’s very easy to do this, but I will link up in the description to a full blown video that walks you through everything, landing page copywriting for free. And of course you can check out this template in the description.
So let’s go ahead and actually build our landing page now, because you’ve gone through the research. You at least have three landing pages to model, you’ve written out your sales copy. I know I really briefly went over that, but now it’s time to build our landing page.
So let’s go ahead and head over to the landing page software that we’re going to be using, mailer Lite. Again, it is free to get started and it’s to get started with your landing pages. Of course, they do have some paid options, but I really like their free version as well.
So we’re going to go ahead. Once you create your free mailer Lite account, you can do this before your account has been approved. They just need to make sure you’re not going to send a bunch of spam.
You can come up here and click on sites, and then we’re going to click create landing page. We’ll go ahead and give our landing page a name, just something quick that you’ll recognize internally.
That’s not something that’s going to be seen by people who are visiting your landing page. And then we can go ahead and select what lists are subscriber groups, we want these people to be added to.
And if you’re doing this for the first time, then you’d go ahead and click on add new group and you’re going to want to create a new group. So everyone who enters their name and email is added to this group inside of your account.
This is just a very simple way to make sure that you stay really organized. It’s very easy for your email list to get jumbled. So I’m actually just going to name it the same thing I named the landing page.
If I can spell without capitalizing random things here, I’ll go ahead and click on create, and I’ll just add everyone to this new group. And then that way, I can specifically choose later on what emails specifically these people get.
So we’ll click create and we’ll go ahead and select it. Of course, there’s nobody there. And then we’ll move on to the template selection. Now there are quite a few templates in here. So if you see one that you like and you think you don’t need to modify too much to be successful, awesome, then go for it.
Typically, what I like to do is actually start from scratch though, and that’s what I’m going to do here. So you can see all of the features of building the page. So I’m going to go ahead and select this one and then we’re actually just going to delete.
So we’re going to jump cut ahead to when it’s finally loaded. And now that our page is loaded, we’re actually going to come up here to the top, right, Click on actions and remove content blocks.
So you can also save as a template. So if you do a lot of work, you can save your work as a template, but we’re just going to go ahead and remove everything and start from scratch. So taking a look at our ideal landing page, the first thing that we need up top is going to be a pre headline.
So we’re actually going to use this headline element here, and then we’re going to use text for a main headline. You’ll see why you want to use text and not actually the headline element here.
And we’re going to need another set of text for the sub headline here. And then finally, we are going to be using a signup form element for getting that email address, click and drag. So these are all the elements we are going to need and oh, there’s one more, sorry for the cut.
Almost forgot that there was a countdown timer, so we can put a countdown timer, although we’ll get to that last because it is quite limited in what it can do, but if it’s very important to have a countdown timer, we can have one.
So let’s go ahead and start with our pre headline. So if I go back over to my little template here, this is what makes building your landing page after you’ve written everything so easy. So I’m going to go ahead and take our little pre-headline here.
I’ll come back over to our template and I’m going to want this to be heading number two, six-figure reveals, and I don’t really need a big headline, because I’m going to be using a different element for the big headline.
So we’re going to go ahead and make it medium. And then we can go ahead and actually click on this and we can change it the style. So I don’t really like the way reel way looks. So I’m just going to use this font for most of what we’re doing here.
I’m going to center the text and I will call it good for now. Of course we could do more, but I am going to remove the bottom spacing a little bit. So there’s not so much bottom spacing there.
Alright, so that does it for our pre headline. So I’m going to go back over to our document here. And this is the next line of text that we’re going to drop in. And I’m going to show you why we’re using the text element, because you’re actually going to want to change some of the words, colors, and you can only do that when you’re actually using the text element or bolding certain things.
So I’m going to go ahead and make sure that this gets centered align center. And then of course, you can also change how you can come in here and click enter if you want it to look like this. Although I definitely don’t recommend doing it that way, just let the text format itself, because it’s not going to show up very well on mobile.
So let’s go ahead and go over to settings. We’re going to take away some of that top spacing. And then we’ll click on content style and this is where we’re going to change our text style.
Again, go over to robo, our font color. So if we change font color here, it’s going to change all the font color. Right? So if I click green, it’s going to make the whole thing green. We actually don’t want to do it here.
I’m actually going to make it white. Because we’re going to make our entire background blue. And then for font size, we can go ahead and make it as big as we want. So I’ll just put it at 32 for now, because obviously we can’t see anything, because we just made it white.
And we’ll make the content with medium. And that will actually bring in the text quite a bit. So now we’re looking at some white text, so let’s go ahead and change the background of our entire page.
I’ll go and click save. I’ll click on settings now and we’ll leave it with spacing is regular and you can actually change the defaults here. I forgot you could do that. So you probably want to do that first, as opposed to doing what I’ve been doing individually each time.
So you have a lot of customization here with the fonts, but what I want to focus on here is actually the background. So we’ll click on background. Of course, you can drop in your own backgrounds, but I’m just going to go ahead and select blue.
So now everything is blue and it’s very easy to read the white text. So probably should have done that first, but learn from my mistakes, right? We can actually come in here and change all of the font colors and you’ll see that it automatically updated the headings.
So if we wanted all of our texts to be white and just come over here and say white text, and now we are good to go, definitely should have done that in the beginning. And then our call to action button.
I’m getting ahead of myself. We won’t get to the call to action button yet. So on the sample page, he had some of the text actually yellow, which kind of looked cool, the bold looks nice, but I think it would be even cooler if we could have some of the words yellow.
So we can do is come over here and say three extra channel in the next 90 days. So select that and then click text color inside of your text box elements. And we can change that to a yellow, well, that does not look as good as a landing page, but Hey, we’re using free software, right? So beggars can’t be choosers.
Let’s go ahead and do that lighter one. And we’ll actually make all everything bold. And we’re going to come over here to content style and we’re going to make the font even larger. So let’s make it… that might be a little too large.
So let’s leave it like that. And then we’ll allow the text to be wide. We’ll come back over here, maybe one more, three X. Okay. That looks pretty good. Now remember that this is going to be responsive.
So what you’re seeing right now, this exact lineup of words is going to change based upon the screen size. What we’re looking at is the largest it will ever be. And we need to remove some of that bottom spacing.
So our sub-headline isn’t so far down. So our landing page is starting to take shape, realize that I didn’t change header number two. So let’s just go ahead and make sure that heading number two is also white or we can make it a little off gray.
That looks nice. There we go. So let’s go back to our document here and grab our sub-headline. So we’ll copy that sub-headline, coming here to our normal text again, we’ll just select all and paste.
There we go. And then I actually had a space. I manually put a space in there. So class, so you can make 2020 your breakout year. That’s another one that I really liked to use a lot, make whatever the year is, your breakout year.
So in 2019, it was 2019. Your breakout year. Now it’s 2020, and then it will be 2021. So we’ll go ahead and make that medium. We want to remove this spacing. So it’s not as off in no man’s land there.
And we can probably play with the text size a little bit. So you see the fonts now what we want it to be, because we changed it on the page settings and we can bring it up a little bit. Let’s say 2020 is good enough.
So let’s go back over the content and make sure that we actually say aligned center. So it shows up in the center. So let’s go back up to this one settings. Okay. We’ve removed the spacing.
So one of the downsides that you’ll find with mailer Lite is sometimes you’ll have spacing that you can’t really play with or get rid of. And that’s okay. You’re not going to lose too many people because of that awkward space.
So now that we have our headline, it’s time to actually create our call to action here. So people actually entering their name and email. So I’m going to go ahead and actually remove all of the… in the signup form elements.
If we were doing bullet points, I’ll show you very quickly. If we wanted to add some bullet points to this, if you use the template, you can scroll down here and you’ll see that there’s actually some bullet point HTML for you, because Mailer Lite doesn’t actually have bullet points natively as one of their feature blocks.
So if we go back over to mailer light here, using where inside of the signup form, and if you ever get confused, you can just look up here, see we’re inside the signup form. And then we can come over here to our text box.
So if I start typing, that’s where the text will appear. And instead we are going to click on this little HTML guy, promise it’s not going to be scary. It’s going to be easy, we will paste in the HTML.
And now we can see that we have bullet points. So all we’d have to do is change out the bullet point number. So let’s say this is about YouTube income, right? So let’s say five mistakes you’re making with ads, right? On your channel.
Obviously, you’re going to put a lot more effort than that, but as you can see, now we have some bullet points. And then we’ll come down here to the button text. Since we’re offering a masterclass, we can say, get started now.
And maybe we want to collect more than just their email address, so we can come over here to form and we can add a field. So now we’ve added name. I also like adding name just because it forces the button to be below the fields.
So come on, click and drag every once in a while buggy, there we go. Name and email and we’ll come back over to our settings here. And this is where we’re going to be able to change our buttons.
So I think the button was green on our model. So we’ll go ahead and change our button background color to a green, and we can click on hover and now we can change the hover color to something else, so we can leave it red or we can make it yellow, like the headline just for congruency sake.
So we’ll go ahead and click on save here. And then now you’ll see that if we mouse over it, it goes to yellow, when they click get started. So the only other thing we have left here is actually making sure… or two more things we have left, but everything we’ve covered up until this point, you could pretty much build any type of landing page that you need, using this free piece of software.
So let’s go ahead and go back over to our blocks here. And we’ll go ahead and add an image, because we want some sort of image or product image, getting people to click. We need to give them something tangible to actually look at it and say, okay, that’s what I’m going to receive.
Even if it’s a digital offer. So I went ahead and created a quick little image using a screenshot from the training that we have. And so now we have this image. You can use Canva to make this type of stuff.
All I did was take a screenshot of a video that we had. And then I blurred out the background a little bit and slapped a play button on top of it. And that is our image. You definitely want to make sure that all of your images are JPEGs and compressed.
If you don’t know how to compress an image, just type into Google, image compressor and make sure you export everything as a JPEG, and you’ll be good to go. You can upload, even your PNG files to a compressor.
There’s plenty of free ones out there and use those on your landing page. That’ll make sure that your landing page loads faster. So with that, let’s go ahead remove these bullet points, because that wasn’t part of our template.
The very last element we have here is the countdown timer. So if you want to use a countdown timer, I’m just going to go ahead and remove all of these headings. You can, so we can have a countdown timer here, or we can click and drag, if it let me, all the way to the top here, and then we can actually change the background image of the timer.
So we have selected the timer. We can click settings, background, and we can actually make it white, if we wanted to be a banner at the top. Now it’s going to look a little awkward like that. So I’m going to go ahead and leave it as the default blue, and then for your timer settings, this is going to be manual.
This isn’t going to be something that resets. So you will have to come in here and change the due date, if you are going to be running it long for an extended period of time. So let’s just say it’s until the 30th of June.
Wow. Why isn’t it 2019? Wow. It was in the past. Let’s say, it’s all the way to June, 2020 or something. So there’s 98 days left to join this masterclass. There we go. Alright. And with that, we have our landing page.
We’re ready to save and publish. So let’s go ahead and publish this. Now, if you’re using the free version of mailer Lite, you are going to have to use their domain. If you pay 10 or $15 a month, when you come to the settings page, you’ll actually be able to click a dropdown and select one of your sub domain.
So this is a sub domain we set. I’m not the tech person on our team. So my business partner actually set that up. So I’ll go ahead and leave this be for now. And then you also want to make sure that you have your own favicon.
So this is going to be that little image in the tab next to your site name. So here, I’m just going to click and choose our digital agencies. Favicon here. Go ahead and select that. And then that way, when someone goes to the landing page, they’ll see that it’s branded to our company versus mailer Lite.
Now I’ll link up in the description to a full blown tutorial and everything analytics, but you do want to make sure that you have all your analytics set up. We’re just going to go ahead and click save and continue, because we’re focused on just getting this landing page done.
Now our landing page is complete. We also have the ability to run split tests. So subscribe to the channel, if you’re interested in seeing how to run split tests, I’ll link up in the description to all those deep dive landing, page strategy and conversion optimization rate videos.
So I’ve gone ahead and copied this, and then we’re going to go straight over to our new landing page. So you can see here, we have our countdown timer. We probably would fix some of the spacing and then we would definitely want to go back in and actually change it.
So all of the page is blue, and that’s just going to be the bottom padding on this element. So thank you so much for watching, sincerely hope you got some value out of this video, and most importantly, you can see how you can easily put together a decent looking landing page.
It’s not going to win any design awards, but that’s not what’s important. You have a landing page for free, it’s up and running, collecting email addresses for you. And most importantly, you can actually run traffic to these pages, just like we do.