If you want to build a high converting landing page, all you need is a unique lead magnet,
clear concise copy. And of course, a clean design with a clear call to action.
So in this video, we're going to be using a free tool called Mailerlite to build out
your landing pages. You can upgrade your account to have more features.
I'll leave a link in the description. If you do decide to upgrade your account,
we receive a small commission as a way to support the channel. Although this landing page design
will work with any landing page builder out there, because it is very simple. And as you can see from
our own MailerLite account, these types of landing pages convert really, really well.
So let's go ahead, jump right in timestamps below to skip around I'm inside mailer Lite,
and I've clicked on sites and I will go ahead and click on create landingpage. We'll go ahead
and give our landing page a name here. I'm just going to name it something internal. So
I know that this is a demo and then we'll go ahead and click on save and continue.
Once we do, we're going to be asked what lists we want to add people to that is when someone enters
their contact information. What list inside of Mailerlite should we add them to,
so I'm just going to scroll down and choose one of our demos here. We'll just say
fresh fans academy. Obviously you're going to want to click on
add new group and then create a special group just for this landing page or this offer.
So if you have more than one landing page for the same lead magnet,
then you can just go ahead and select the group over again. Like I've done here. And
then the templates page will load. There are a lot of templates here, but I don't recommend
using any of them. And we're going to build one from scratch. And as you saw in the beginning,
this simple layout is really going to work well and can work well, because number one,
you're not going to be pulling your hair out, trying to make these templates work.
And number two, you're going to be able to pump out landing pages in record time.
Especially once you get the template down, you can just copy and paste your own pages.
So we'll wait for MailerLite to load, which is something you will definitely
want to get used to. And once it does, if you want to use the template, you select.
You can, of course, go ahead and start making changes and editing things. But here, what we're
going to do is just click on actions in the top, right. And click on remove. So we will remove
everything and they want us to type it in all caps. So they know that we know what we're doing.
And then I'll click on blocks here and begin to build the page from scratch.
So first we're going to need a headline.
And in this particular instance, we're actually going to have. Pre headline and a sub-headline
I recommend having one, not normally doing both, but just for page building purposes,
you can see how this will play out. So we will actually have three lines of text here.
Then we're going to use the image plus content element. We'll drop that at the bottom
and then we of course need a signup form. So we'll go ahead and drop in a signup form. And if you
want optionally, we can quote ourselves. So I'm going to bring. Another image plus text. This is
going to be all of the elements that you need now, of course, depending upon whether or not you are
doing any sort of paid advertising, you might need to have legal and disclaimer, text at the bottom.
And for that, we just drop in a another text. So this is pretty much the maximum that you would
probably want on a landing. So the first thing we're going to want to do is format our text
so that as we drop in our text, it's really easy to
work with. And we're not going to be repeating the same steps over and over again.
So first we want to change our headline. So I'll click on the headline font, and I'm just going
to change this to one of our brand fonts. Of course, you can go ahead and choose your own.
I recommend having no more than two fonts on this page. So this is going to be our headline. And
then for our normal text, I'm just going to click here and change it to our one of our other ones.
And of course you can go ahead and use your own brand ones here. So I'll go ahead and leave those
alone. So now it's time to start copying in our text. So I'm going to jump over to our
sales funnel organizer. There's also a link in the description. If you want to check out this tool,
and this is something that we use when we build out new funnels, either for ourselves.
Or for our clients. And you can see you here, I've already come up with
all of the copy for it. So I highly recommend writing out all your copy
and getting things kind of formatted. So when you jump into the interface,
you know what you want the page to approximately look like? So that's what we have here.
And then of course, there's also exercises in here to help you figure out what you should
be talking about in your bullet points and your headline. Along with some design inspirations. So
we'll go ahead and scroll back up here and I'm going to grab our pre headline. And of course,
then we're going to format it to look very similar to how it looks in our word doc.
So we're go ahead and bring it in there and it will automatically use the correct font
because I already set that up and I'm going to click on text color here, and I'm just going
to change it to a gray for our pre headline. So I'll come back over here now. I need our main.
And unlike a word doc, where you'd hit enter to make things on two different lines
inside of mailer light, or pretty much any page builder you use.
You're not going to ever want to come in here and say, okay, I want it to look like this.
Don't definitely don't do that because it's going to mess up the responsiveness. So
what we'll do here is we will select all the text and we will change. Actually, we will change the.
To headache. So now it is using our heading font that we already set up.
Of course, we're going ahead. Go ahead and align at center and then we can go ahead and
choose a color since this is about investing. We'll go ahead and choose green for this one
that I don't remember what the lead magnet image. We'll fix the spacing later and then
we have our sub-headlines. So we'll go ahead and grab our sub-headline.
You can see that this makes the process a heck of a lot easier,
and you're using different parts of your brain when it comes to copy versus
actually building a page. So you really want to make sure that you've done all
of this ahead of time. So this is normal text. So we're going to go ahead and center it again
and because it's a sub-headline we can move the text size up, probably do.
And let's try a larger and I think 30 is good enough. So we'll go ahead and leave
that alone. So now we have our pre headline, our headline and our sub headline. Again,
I recommend just having one or the other, not a sub ad and a pre that's a lot to read.
So now we need to drop in the image of our lead magnet and of course our bullet points.
So it can't, it can't give. The, the lead magnet was made in canvas. So I look up in the cards
and the description to a video that goes through how to do that. And an example of how to put this
together. Mailer light does not have a bullet point function right now. So I'm just using
an emoji for these. So what we'll do is we'll go ahead, drop in our bullet points here.
Yes. They're tiny and small and we can't read them. We'll fix that.
And then we need to drop in our image so I can go ahead and click on edit.
Now for time purposes, I've already uploaded it to MailerLite, but you can just kind of click
and drag. You see, we have a lot of images in here. I'll go ahead and click on select.
So we have our lead magnet image. If you think it's too big, you can go ahead and click and drag
in the bottom right-hand corner to make a bigger, smaller, we don't have a whole lot of control over
the spacing here, so you can click right and left to change how close the report or the image is.
You're probably not using a report, so I'll just go ahead and click and drag like that.
That'll be okay. And then we have two. Remove these buttons. That was a way
weird way to say that I was trying to think of what, what we needed to do next.
So we'll go ahead and remove, oops, Nope. Include the text, uh,
remove the buttons, but we'll include the text. So now let's go ahead and bump this text up.
We'll probably bump it up to 30 to see how that looks in. I think that's good enough for now. Um,
and then if you want to do any formatting, like let's say we wanted to bold best stocks
for some reason, and then updated for 2020. And you can also change the colors as well. Although
I don't recommend doing much more to the bullet points other than bolding, a couple of words.
If we came in here and started changing the text color, so let's just say we change the text color
to something like red, it starts to become pretty distracting. So, and we want the button down here
to really stand out. So we'll go ahead and just leave those bold and let's say, explore.
We'll say, uh, something like losing, losing stocks, losing stocks is going to be bolded.
There's, there's actually some copywriting science behind what you should bold,
but I'll leave that for a copywriting video link in the cards and the description
to a video that goes through how to write all these. So we have our elements here. Again,
the spacing is terrible. We will fix that. So now let's go down to our button.
So I'll go ahead and click on our button here to edit. We'll click on form.
If you want to add more form fields, it's automatically going to stack it. So
something I like doing with squeeze pages inside a mailer light is stacking it because
it looks better. But here, if we add a form field, now it's going to look like this.
And I don't really like how that looks. And I think for this particular offer, all we need
is the email. Anyway. So we'll go ahead and click on settings here to set up. The input,
text and button appears. So we will do the button first. Cause that's the fun part. Now here,
we're going to of course, want to change the color because red means stop and green means go.
So we'll go ahead and choose the same green color and then we can click on hover. And this is the
color that the button will change to when someone hovers over with
their mouse. So we'll change this to a lighter green. There we go. So that way,
when they hover over it, it's still kind of green and we'll go back to our fonts here.
So I'm going to change the font to the same font as all of the body text. And then I'm
going to bump this up to 24. To increase the button size and that just X out of that that'll
happen sometimes. And sometimes you just have to click it because for some reason,
it just does not want to, it does not want to let you type it in.
So there we go for the button. And of course we do want to change the text as well. So if
we come back over to, uh, I'll I'll, I'll do that in a moment. So then we have email and
we're going to want to change the input. So we'll click on input.
And of course we will change the font to the same font we had for our body text.
Again, just two fonts after that, it's it starts to, it starts to look too busy
and we'll bump the text up to 24. And of course you can play with the other formatting as well.
Although I think this looks, this looks good. So we'll go ahead and come back to form settings now
and change the button text to download now.
And if you want to change the email field, all you need to do is hit the edit.
And then we could say something like enter your best email and click on save changes.
And now we have our button is good to go. So if I go back to over to our funnel, Oregon, We
have copied all of the copy that we need. And as a quick little bonus here, something you can do to
help increase the conversion rates of your landing pages is to actually include a testimonial.
Now, most of us don't have testimonials, but you are totally allowed to quote yourself.
So we'd come in here, click on edit. And this is normally where you drop in
a picture of yourself. I'm just going to choose a stock photo here
since I am not a registered investment advisor anymore. So we'll go ahead and.
That, uh, drop that image down here. Come on. It's not working with me.
There we go. And inside of our settings for this element, we don't want the buttons and
we're actually going to put the image of us on the right hand side instead of the left. And then
you could go ahead and type in a quote, talking about why you think the lead magnet is going to.
And obviously you're going to want the quote to be a significantly longer than that. Probably two to
three sentences. And then finally down here, of course we have the legal disclaimer text
when a lawyer can't tell you what you should or should not have there, although you probably need
to have something there depending upon your, where you were driving traffic.
So if we go ahead and click on pre. We now have a fully functioning landing page in not
a whole lot of time. And I know this page looks super simple, but as you saw in the beginning,
these pages do convert really well because it's the copy and it's the offer. That's really
driving the conversions, not necessarily all of the design elements on the page.
And so I'll come over here and click on X and let's go ahead and fix that. So,
what we'll need to do is click on this edit icon to make sure that we are editing the right element
and we can remove the top spacing. Of course,
that is going to be way too close to the top. So we'll go ahead and leave it at.
And we will remove the bottom spacing, cause there's way too much space in between the
two headlines here. So then I'll go ahead and click on
the next element that I want to edit here. And we can go ahead and bring in the,
bring down the top spacing so that the pre-headline is right on top of the headline.
And I think that looks okay. We can also change the content. So, this is how you would change
how the headline looks. I'll go ahead and leave it wide because there's no real,
real reason for me to change it. So the headline looks like this, plus it's automatically going
to format on mobile anyway, and we'll just go ahead and finish up removing all of the.
And just like that things are a little better spaced out. I'll check my funnel organizer one
more time to make sure that I've copied everything over and yes we have. So I'll go ahead and click
on save and publish. Now of course you do also want to create your success page. So
we'll go through that in a little bit, or you can actually direct people to a separate URL.
So if you decide to upgrade, you'll actually have your own custom domains here and you can add.
Otherwise, you're just going to have subscribed
page.com/whatever you decide to put here. So this is going to be our report dividend five.
And of course you can choose a favicon. I highly recommend making sure that you choose your own.
And I will also link up in the description to a full-blown Google tag manager,
playlist that goes through all of these tracking settings that you should set up
so that you can do remarketing on Facebook or Google, or just get better.
Via Google analytics and UTM links. So we'll come down here and click on save and continue.
We'll skip that step for now. And then we can go ahead and click on copy our URL and
preview our live page. And so once you preview the life page, you'll probably
see at least five different things that you want to change from a design perspective.
And that's totally okay to tweak with it and work with it.
I looking at this page now I'd probably. The border around the input, a little darker,
you could see that the hover cover is working, correct. Hover color is working correctly.
And you also want to just audit your page. To close your eyes and then look at the page and,
and take a mental note of where your eyes go when you first look at it.
And this is also why you don't want to use too many colors because you want the headline
and the call to action button to stand out. So if you have a lot of different colors,
you might run that test and find out, oh, I'm looking at the bullet points instead of the
call to action. So that does it for building your landing page.
You've got some value out of this video. If you're getting value out of this video,
there's one more thing we have to do then go ahead and hit that like
button and all you need to do to edit the page that you worked on
is click on the second edit button. I always click on this one. I keep forgetting.
It's supposed to be the second one to go ahead and
change anything you want on the landing page or in our case, create the confirmation page.
Now, something else to note here is you can do split testing once you've upgraded your.
But the split testing features aren't as robust as some of the other solutions that you would
pay a lot more for, although $10 a month for a landing page builder is a really good deal.
So to create the success page, all we need to do is click on the success page here at the top.
And you'll see that either. We could just change this to. Your report is on the way. Or we could
come up here to actions and remove everything. And I will go a lot faster this time. So we'll
go ahead and remove all of the content blocks because we are on the home stretch.
So this is going to be a pop-up. There's not a special URL here. So when it comes to
conversion tracking, it's not all that great. It is free, so let's not complain too much.
So what we'll do is we'll come over here to blocks and we are just going to
select some text and then drop in an image. I'll go ahead and drop in an image below.
If it'll let me, there we go. And for the image,
all we're going to do is choose the image of our lead magnet again.
So I'll go ahead and choose that. It's going to make it way too big. So let's go ahead. Bring it,
bring it down to size. Let's say just leave it like this. And then for our writing,
our text will say something to the effect of checker email from, and a quick message like this.
Just lets people know what email they should be looking at. And we'll go ahead and let's just
make this blue for some reason, and we'll bring the tech size up to 30 and of course,
align and center. So there we go. That's all there is to it to creating your.
Thank you page. Of course, if you have any sort of one time
offer or you want to make an affiliate offer here, you can go ahead and try that.
Although you do need to have something on this page that makes it very clear
that whatever the lead magnet was they're about to receive it. And then whatever.
Video or other offer you want to talk about is below that message similar to this one.
So thank you so much for watching sincerely hope you got some value out of this video.
Most importantly, you're a lot more confident when it comes to creating
your landing page. So make sure you check out those other helpful videos in the description,
along with that link to mailer light. So hit that like button subscribe for more marketing videos,
just like this one. And until the next keep building the business you love.