Okay guys. So, I want to show you another use for this landing page.
Instead of using a landing page,
what if you have a website, something like this.
This is just a Wix template of a website.
So, this works extremely well for your service business,
or a local business, something where you're driving most of your traffic
right to your website, not a landing page.
What we're gonna do here is create a little opt-in form,
which will opt-in people the same ways they would on your landing page,
but you're just collecting their email address really simply,
and you can plug this into any website.
So, this is just a random template off of Wix,
and what we're going to do is, typically, towards the bottom is
where you want to put your opt-in.
I'm just going to come over here.
I'm going to create a new strip, and I'm just going to put a color,
and that'll just add us in somewhere where we can work with.
Now, I'm just gonna move this anchor back down here.
If you're not familiar with Wix,
then some of this is going to look a little bit foreign to you.
But all we're doing is creating a space
where we can put our opt-in form.
So, this is ready to go. And now, all we have to do is come over here,
and go to 'more,' and create HTML iframe.
We're just going to leave this here,
and now, I'll go back over to Mailerlite,
and we'll start to create the form here.
So, that's all set. Let's come over to Mailerlite.
What we're gonna do here is, come up to 'Forms.'
Create embedded form,
and this is where it's going to be embedded into your website.
So, you can call this whatever you like here.
I'm just gonna call this 'test.'
And now, you choose what list it's going to go to.
So, I'm gonna do this as the example,
and that's who the people subscribe
when they put their email address in, what list it goes to,
and which sales funnel automated campaign
it's going to send them emails up.
Now, this is an example of what your opt-in form will look like.
This is what I recommend doing.
So, on Wix over here, you can create your own text.
You can create text boxes and format it however you like.
So, you don't have to use their title or subtitle here.
So, I'm just going to click on this,
and I'm going to take all this out. Just delete it.
And now, it just gives us really what we need here.
All we got to do here is, start to customize the colors.
So, we'll just save what we had there.
A little tip here before we get into changing the colors is,
don't ask for too much information.
If you ask for their first name, last name, phone number, email address,
chances are, they'll be a little bit hesitant to even opt into
whatever you're offering, newsletter subscription, whatever it is.
All I do is, ask for email address and nothing else,
and that way,
it's the least amount of risk for the person that's on your website.
So, I suggest you do the same thing,
unless you really need some kind of other information from them.
So, email address and subscribe button are really the only things
we're going to customize here. So, we'll come over to 'Form.'
Actually, all of these things, we're going to look at,
but we'll start with form,
and what this is going to be is how wide the actual opt-in box is.
So, I'm going to go ahead and change this to 700.
It makes it a little bit bigger and easier to see
when it's on our website over here.
So, change that to 700,
and we'll leave everything else as it is right now,
and then, title, we already deleted our title.
Input is just going to be what's right here.
So, you can change the color or the different font that's right in here,
but once someone starts typing, this email actually goes away.
Text, mainly button though.
So, let's come over to 'Button.' We can change the color of your button.
So, if you have a theme going on in your website.
I'm gonna use this orange,
because the whole thing with the different color. Most of this is blue,
but the orange draws your attention to
where you want your website visitor to go.
So, we definitely want to draw their attention to this opt-in box.
I'm gonna go to orange, and I'm gonna go to design,
and what I'm gonna do is get the color of that orange.
So, customize design. Fill in color.
What I mean by the color is this. This is the Hex code right here.
So, this is exactly what that orange is.
I'm just going to command C and copy that.
If you are on a PC, you can right click and copy,
and then, what I'm going to do is come back over here,
and I'm gonna change the color of the button too.
I'm gonna paste that, and I'll change it to that orange.
The other thing too is the hover. You want it to be slightly darker.
When someone hovers over it, you could leave it black,
but I would say, slightly darker orange.
So, when someone hovers over it, they know that, that is a button.
So, we're gonna do is, choose that same orange,
and we're just going to drag it to something
that's a little bit darker, something like that,
and you'll be able to see over here what that real-time color looks like.
We'll do, right there is about good.
So when someone hovers over it?
It'll get slightly darker, and they know that, that is a button.
X out of that, and we'll just save that.
Now, you can change the different type of font,
but all this is little small stuff that you can do to customize,
to see what you like the best.
So, we'll just save that, then this is pretty ready to go.
One thing that I do want to talk about is this background right here.
So, this is the background form background.
Now, it's giving you this f6f6f6 color, which is this gray right here.
But if you're going to use this background right here,
which is white, then, what we're going to want to do is,
change that background color to white as well.
Let's just go all the way up, which is just FFF.
Now, what this is going to do is,
when we put this form over top of this background,
the white will be exactly the same.
Before I send that white in and then go back to talk about this,
what I want to do is, I suggest you make your opt-in a different color.
So, it stands out on your website.
What we're going to do is, change background strip
where you come to 'settings,' and we're going to change the color.
So, I'm gonna change it to a different blue,
something that stands out.
So, something like this one right here will stand out,
and when we selected this, this is now the background color.
Come down here and copy your Hex.
So, copy that, bring it back over here.
Whatever your background color is, you want it to be the same on this form.
So, we're going to go back to 'form background,'
and we're just going to select that and paste it.
We'll save that, and now, this form background will be the same.
So, when we put it on top of this strip right here,
that background will go away, and you won't even see it.
So, you'll just see these two boxes here.
Once this is ready,
just make sure that your success message makes sense,
that if someone's subscribing to your newsletter,
you can change this to 'you've successfully joined our newsletter.'
I'll just make sure that makes sense.
Come back to 'subscribe form,' then come up top
and hit 'done editing.' Once this loads here,
we'll be able to copy paste the code from this form.
We'll be able to put it right into our code box over here.
But now, we've got our code right over here. Just switch to HTML code.
Now, it is pretty long. So what you have to do is,
just copy all of it. So, you can start at the bottom,
and scroll all the way up,
or the faster way that I like to do it is just a click on here,
and hit 'command a,' and it selects all of it,
then 'command C,' copy it.
If you're on a PC, you just have to drag everything
and then, right-click and copy it.
Come over here, click into our box, enter code,
paste it, and hit 'apply.'
Now, we've got this opt-in box.
All you have to do is stretch it out and center it.
I'm just going to hit 'preview,'
so, you can see what this would look like
when someone comes on to the website.
You now have an opt-in box right here.
So, it's another way that they can join your sales funnel list.
What I would recommend you do is,
put some kind of text right up here
that says, join our newsletter now or subscribe for exclusive offers.
Just some kind of call to action.
So, when people are scrolling through, this stands out,
and they know what they are opting into.
That is how you will create your Opt-in.
If you need to change any of the colors or anything,
if you're good with code, you can change it right in here,
but what I recommend you do is,
just come back to your design right up top.
Hit 'edit,' and I'll bring you right back to where we were,
and you can change all the colors,
change anything you like, the size of anything right in here,
and then, you just hit 'done editing.'
and it'll give you a new set of code
that you can copy and put right into your website.
So, if you are not on Wix,
if you're on something else like Squarespace,
or a different website builder,
or if you're making your own website on WordPress or something,
then that code will be the same.
You just have to input it into
whatever their version of an iframe or HTML code box is.
And that's how you can use a sales funnel opt-in on a website.
That's something like a service business,
or something where you don't want to build
a separate sales funnel landing page for it.
So, I hope that helps you guys. If you have any questions,
definitely, let me know,
and I'll get back to you with an answer.