Hi guys Syed Balkhi here from WPBeginner and in this video I will be
showing you how to create a lightbox popup
in WordPress to grow your email list I used this exact same technique that took
less than 10 minutes
and grew my email subscribers by six hundred percent
I went from getting around seventy to eighty new subscribers a day
to getting 445 to 470 subscribers
yes and this was done with the same ammount traffic I was just losing subscribers
before I go further I wanted talk about how I hate pop ups most pop ups
are really really annoying you know, one of those open behind the window with music
super annoying. Then there's other ones you see the other bloggers using that
opened right when you
end up on their website or after five second on the website those are kinda
distracting because you reading through a site and
you know you're prompted with this message that distracts you so
I'm going to talk about a plugin call OptinMonster that creates smart light box pop-ups
and the reason why this is a smart pop up is it doesn't show when the user's
browsing your website
it shows right when the user is about to exit
so we gonna split test on WPBeginner to see how lightbox popup
you know effects are bound rate or whether we get any user complaints the
first thing was that we didn't get
any user complaints second our bounce rate stayed the exact same
now it makes sense right because the user
that was going to leave was going to leave anyways now
a lot of times you know your website visitors would like the
content that they read
but they don't subscribe. Why, because they have a short attention span
and most websites don't have a clear call to action so right when they're leaving
if you prop them with a gentle message saying hey would you like to hear
more from me or here is a free ebook that I would like to offer or get more
you know of my awesome materials they're much more likely to subscribe think of it
as a guest leaving your house and you saying hey
come back and visit us again so having that said
let me go on and show you how to use OptinMonster
so I've already gone ahead installed the OptinMonster plugin on my WordPress website
and now lets go in and create a new option
I'll click on this blue button. OptinMonster comes by default with
three unique optin types and there's more that are going to be coming soon but
since this video is about
the lightbox popup the one that I use in WPBeginner I'll select that
and I'll click on the next step. Then you have to enter the optin title this
could be any being
that you know you want to call it, a test light box 1
this is you know only for your knowledge the next option is optin delay
which you can select like five second ten-second but that's not what I really
like about OptinMonster
what I love is the exit intent technology what exit intent does it track the user's
mose behavior when they are on your website
and it shows them the lightbox popup only when they're about to leave or when
they leave the active window so when you check this
it overrides the optin delay setting so I'm gonna leave optin delay setting
to zero because it doesn't matter the next thing you want to make sure you set is
the optin cookie duration. I'm gonna set it at thirty but you know you want to set
to at least 30 you can go as high as 90 or 365
even the whole purpose of this is when the user subscribes or if they hit
X you don't wanna keep showing the same offer over and over again
so I'm gonna make it 30 the double optin feature I'm gonna leave it checked because
my email service provider MailChimp requires me to you know double opt in everybody
then the next thing you want to do is select an email service provider
I will select MailChimp now I've already my gone ahead and connected my account
with OptinMonster so I'm going to select the list that I have
OptinMonster and then it's gonna say okay
pick which one of the lists you want so I'll say
the OptinMonster email list so now basically anybody
and this will show you all the segments so what I'm going to do is select another list
basically anybody who subscribed using this opt in form will be subscribed under
OptinMonster exit intent. Now what I'm gonna do is
click Save and design optin save it I'll be taking to the
themes that I want I'll go ahead and pick the case study theme
the bulls eye theme allows you to do a lot more customization I'm just gonna go
with you know a pre-made theme
there's more themes coming on this as well so first thing I want to do is
I'll add like you know
free case study the
actually let me put the tile that I have on WPBeginner do you
want to learn WordPress
so now you know you can go ahead and change the font a bit I like the Bree Serif font a lot
in Google Fonts so I'll select that and I'll even make the
font-size a little bit bigger. Thats a little bit too big
lets make it 36 okay so then the next thing I would do is you know
add a tag line that could be get
free WordPress resources
in your email inbox
and you know you can you can add whatever you want
over there and then you can select the
the color of the title I'm gonna leave it as that basically OptinMonster using the
same theme customizer UI that WordPress uses by default
so this is this is really neat. Now in the content
the content area right here is only allows for an image
and you can add any image that you like basically
so I'm gonna go and select a image for WPBeginner
okay I'll select the WPBeginner image right here
so basically what I've gone ahead and done is I'm going to click on the upload
image here
and select my image then
I have option to choose show the name field or not
the say let's go ahead and show the name field say
your name, enter your name
now say enter your email
and the next option is to say
send me the resources this is your sign up button
and you know you can make it bold or what not why I'm gonna do that i'm gonna
change the font color for that and
change the font style and make it Bree Serif change the font size and make it 20
then what I want to do that will change the background color little bit
so I'll say I want to go on a green and I want the
yeah I want it to be like green so there you go
since I've done it already what I'm gonna do is hit save changes
and this is how my lightbox popup is going to look when I have put on a website
I'm gonna close out of the design customizer. I'm gonna go
and the manage output settings what the management output setting allows you to do is control
where exactly this optin should show the first thing you want to do is
enable this option now what this does it doesn't you know now you just
enabled the optin you haven't selected where you want to show you can choose to show it
globaly which means on every page in the website whenever users can exit they will see it
you can also choose to show it on a specific post, only posts,
only pages, on your own archive pages, only in a specific category
or even on a specific page just itself
so for the sake of this example I would load it globally
and then I'm gonna hit save optin settings now when I click on to view this website
I should be able to you know whenever I go on post or something
and I try to bring my mouse outside the window see how it is going to prompt me
with the lightbox popup
and now if you enter your name and email here and hit the send me the resources
you just got a new subscriber so basically whenever the user is done reading your
article and they're about to leave its going to prompt them with the
lightbox popup offer of yours and
guess what you just got yourself a new subscriber a lot a popular web sites
are starting to use these litebox popups I've seen it on cracked I've seen on I
believe slayed and salon and a bunch of other big-name websites
so this is something that you know users are really liking and
the numbers that I have on WPBeginner are just proof of that that you know
users don't mind, our bounce rate was not affected our
we didn't get any complaints and best of all
you can see that it only took us such a little bit a time to create this