- Hey everyone, welcome back to the channel.
My name's Larry Snow.
In today's video, we're going to be taking a look
at the updated version of MailChimp's pop-up sign up form.
It's coming up next, stay tuned.
(dramatic synth chime)
There are three things we're going to take a look at today.
One is how to connect your site
with the new version of the subscriber pop-up form.
We're also going to take a look
at how to disconnect your site
and we're also going to take a look at how to
create a segment from those that sign up through that form.
Sounds like a plan, let's get started.
So as you can see, I've logged into my MailChimp account
and to get to the subscriber pop-up
we go to audience up here and then click on signup forms
which will show us this page that I'm already on
and then we click on subscriber pop-up.
Click select, so prior to recording this video,
I did some testing and I've already pre-formatted
some pieces of my MailChimp test pop-up form.
When you get it, it'll be a blank slate,
and you can design it with all the features
that MailChimp gives you such as
adding in what fields that you want to add in
from your signup form, what images you want
over here to stay on brand
what color you want the subscribe form
and you can even go over here to the layout
and you can change the different types of layout.
I chose this one right here, and you can also go into style.
You can change the fonts.
You can change the colors, the paragraphs,
you can have small, medium and large font size.
All that good stuff.
The next thing we want to take a look at is the settings.
Now this is where you get into the
how it's going to appear on your website.
So you have the overlay opacity
which is what is hidden when this thing pops up.
How much of your background of your website
is hidden when someone sees this pop-up.
So I like to keep it around 65.
So I wish they would tell us the percentage here,
but you have to guesstimate, so this would be zero.
This would be 100 so 50 or 65% is probably around there.
Then you can opt for when this thing appears
I've tested it out at 20 seconds.
So we'll keep that and then you have
two choices for position.
You have the slide in and you have the modal.
So notice when you click slide
you don't have an opacity setting,
so just keep that in mind.
So that's the form.
You also have the success message and you can adjust that
as you see fit, your only options at this point is to add
in the link, bold, highlight, italic, change the color
so you can change the color if you want
let's change it to a blue and then let's highlight that.
and she does that just to the blue.
There you go, you can change the heading.
Notice that you can't add any other options here
and once a person sees this, I think it shows up
for about five seconds and then disappears.
If anyone should click the X say hey, get rid of that pop-up
that disappears for a year.
So that person's not going to see it for a year
according to MailChimp.
If you're testing this and you click the X
or you fill it out, you got to clear your web cache
before you see it again.
Does that make sense?
So keep that in mind.
Our next step is to, once we've designed everything,
is to connect our site.
Now you can do this in any order.
You can connect your site first
or you can do the form style and success message first.
It doesn't matter.
Let's click connect site at this point.
So after clicking connect site
you'll see this little information box that pops up
and there are two options that you have
to connect your website so your
subscriber pop-up form will show.
You have check out our integrations
which means you have a e-commerce solution
or other of integration that you have with MailChimp
and you can use the subscriber pop-up form that way.
Now, when you do those types of integrations
you'll probably see different options for your pop-up.
You could say, hey, thanks for coming back.
Hey, you forgot something in your cart.
That type of thing.
For what we're going to do today was just going to add the code
to our website, which is just a simple subscriber form.
So what we have to do is put in our website address
full URL, and then we click on get started.
For some of you who watched previous video of mine,
this will look very familiar that we have to put
this code on our website.
Now, what is different MailChimp is saying
that you have to add this to your head of your website.
Now, for some people who are not developers
or don't understand that language
will have no clue what that means, head.
For WordPress folks that means your header.php file.
Now, in some cases, your theme will have an option to put
in header and footer JavaScripts.
That's what this is, it's a JavaScript code.
What I recommend for WordPress users
who don't want to get into the header file
or do not have the option to add header and footer scripts
with the theme settings to download and install the header
and footers plugin, which you can find
in the WordPress repository for free.
On my website, I have the option to add
header and footer scripts, JavaScripts
to my theme settings, because I'm using Genesis.
So MailChimp gives you this handy copy to clipboard.
So we'll go in and click on that.
Notice down here, it says check connection.
Well, we haven't connected anything yet.
So what we have to do now is go over to my website
and to get to the Genesis theme settings nowadays,
you go into the appearance customize, right?
And then we go into theme settings,
header and footer scripts, and then we control V
or command V paste in our code and then we click publish.
All right, with that done, we can go back
to our pop-up form and then click on and check connection.
And I'll say "Success! Your site has been connected."
Great, now you have to turn it on.
And so we're going to activate and then click on close.
And when you're done making any changes
or anything like that, you click save and publish.
Save and publish.
We'll go back to our website and see what this looks.
So I'm going to go back here.
So I'm going to view this in incognito mode
and then we'll wait to see what happens after 20 seconds.
There you go, there it is.
So a couple of things that I want to point out.
If I were to shrink this down
you notice where the pop-up goes.
It just says, "Subscribe to our newsletter"
with an X and a subscribe.
If I click subscribe, it's going to open up again
and take the full width of your website.
So keep that in mind when you're looking at this on mobile.
So we'll fill it out.
Click subscribe, it'll say "Thanks for subscribing"
and then it disappears.
So back on MailChimp, we'll go back
to the audience and you can see here
I've gained another contact and you'll notice here.
I have a pop-up separation here.
And if I click on target with campaign
MailChimp says, "Hey, say something
to this segment of your audience."
Well, MailChimp is doing that segment by the source.
So since I have, our two contacts that signed up
via the pop-up form at this point, MailChimp is saying
I can email those people through their source segment
but that's not something I created.
So I want to do right now is set up a segment
so that when people sign up, they'll be put into
the segment where I can further market them
through an automation or one of these new journeys
that MailChimp is rolling out.
So to create a segment, we go to audience segments.
Now you see I've already tested it here,
but we'll create a new one.
We'll click on create segment and we're going to click on
the first box and select signup source.
And then we're going to click on pop-up form
and we'll preview that segment.
It should have two people now and you can see here,
here's the source pop-up form.
Then I'm going to click on save segment
and we'll do subs pop-up and click save
and now we've created a segment.
And the last thing to talk about
is how to disconnect all of this if you'd like.
The first step is to click on the edit here
and disable the pop-up.
Then the next step is to go back to your website
and remove the header script.
All of it, there we go.
Click publish again then go back to MailChimp
and click on manage connected sites.
Here's it says pop-up, going to click on,
see it already knows that we've removed the code.
So we're just going to go all the way down here
and click on disconnect and that's it.
Now we're free and clear of the pop-up on our website.
Thanks so much for watching this video.
I really appreciate it.
If you're interested in this type of content
feel free to subscribe and also make sure
you click the little bell icon
so that you get an immediate notification
when a new video goes up on the channel.
Thanks, take care, and I'll see you in the next video.