- Hey, y'all I'm Kori Ashton with WordPress Wednesday.
Today, I'm gonna be showing you a very quick, easy,
and free solution, to make popups for the Divi theme.
You'll have to check it out.
(upbeat music)
Hey, you guys, this video is brought to you by Liquid Web,
the most helpful humans in hosting.
If you need help with anything WordPress,
please reach out to them.
They're gonna help you,
especially if you're running an e-commerce store
they absolutely know all about wu-commerce
and WordPress security, and HIPAA compliance.
Also they know some things about accessibility.
So be, sure to partner
with the best hosting company possible,
that's gonna help you be forward thinking
in all of those areas.
Okay, I know not everybody likes annoying popups.
But I'm not talking about using popups like that.
I'm talking about using popups like this:
Maybe one where you click on a headshot,
and it opens up their bio,
or one where you click on a call to action button,
and it opens up a form.
Any of these are really cool, creative,
innovative ways, to use a popup trigger.
And I'm gonna show you that solution right now.
So here's the solution I'm talking about.
It's Popup for Divi.
This is it you guys, in the budget of free.
It is so simple to use,
and I'm gonna show you how to plug it in, right now.
So I'm just gonna grab this title here,
and we're gonna jump into your WordPress dashboard.
So from your dashboard, you can go ahead
and go to plugins, and click add new.
And from here, we're just gonna go ahead
and paste in what I copied the clipboard,
or you can type in Popups for Divi.
And here it is, right here by Divimode.com.
Of course, you always wanna be certain
that it has great reviews,
that it has a lot of active installs,
and that it's been updated recently,
and that it's tested with your recent version.
This one has currently not been tested,
because we us had a release of 5.5.
So even though it's got really great reviews,
I've got it running on a couple of other websites.
I'm gonna go ahead and click install now.
And of course you can go ahead then and click activate.
And of course, now that that's active,
we can go into any Divi button, or module for that matter,
and link it to pop up that we're gonna create.
So let's go check that out.
Let's go to the front side of the website.
Now this is a button right here,
that I would like to go ahead and actually have
open up a modal,
so that you can schedule a call with Karl.
Coming here, we're just gonna go ahead,
and go up to the top and go ahead,
and click enable visual builder.
If you're familiar at all with Divi,
you know how to get a in here.
But now here's what's different about this:
This link is gonna actually be set to a hashtag link.
I'm gonna open up that builder area.
We're gonna go into button number two, right?
And we wanna go to link number two.
Button number two, link URL.
We're gonna go ahead and put in here a hashtag.
And we're gonna say call dash Karl, right?
There you go.
We wanna remember this,
and actually go ahead and copy it on your clipboard,
so that you have that.
We're gonna that right there,
and go ahead and click the check mark.
Now what we've done is we've linked that button
to our popup that we're about to create.
Now, I'm gonna suggest that we go ahead,
and go right here to a new section, click this little one.
And we're gonna go ahead,
and add a regular section, a new row here.
And we're gonna go ahead and add in a text area,
because we wanna build in a form.
Go ahead and click the check box.
We're fine with that
But now that we have that section,
here's what we wanna do.
We wanna come over here to this blue section,
and I want you to note now,
now you have a new area right here, that says pop up.
When you click on that, we're gonna go into general.
And it's gonna ask you, is this section gonna be a popup?
And we are gonna make this entire section a popup.
Yes, you see visually,
how it completely changes on us, right?
That means that this section is actually completely hidden
from the live part of your website,
until that button is clicked on and it will act as a popup.
That's what's so cool about this.
This little popup ID right here
is what we're going to paste in here.
We're gonna back out that little hashtag though,
and just have Call Karl sitting right there.
That's gonna be our popup ID.
Perfectly done.
Of course you can put anything you want in this section.
You can put any model you want.
You can put an image, you can put a countdown timer.
You can do any absolutely anything you want in this molal.
So cool to add in here.
So I'm just gonna kind of sprinkle a few things in here,
make it kind of look cool.
Here, I'm gonna go ahead and split this to a 50/50 split.
Grab our image, drop over here, make it look nice.
Of course you can add anything you want to in here
You can change the background color
make it anything you want.
Let's put that back there,
make it almost impossible to read some text.
Why not?
I'm kidding.
You always wanna make it legible.
All right, let's make that font a little bit larger.
And this is gonna be our new modal, our new cool popup.
All right, that's it.
We're gonna go ahead and click save.
This just took us absolutely minutes, you guys.
That's all this does, takes a couple minutes.
Again, we're working totally in the budget of free,
which is amazing.
And I'm gonna go ahead and go up here, and exit,
so that you can actually see it function.
You see it's completely missing.
That section actually lives right here.
It's hidden right now.
But if I click on Call Karl, there it is.
How beautiful is that, you guys?
You've got a nice little X to X out the molal,
and you're done.
Hey, listen, you guys,
for those of you that are not convinced yet,
to go and invest in Divi,
I just wanna tell you that right now,
they have their big Divi Summer Sale going on.
It is a major discount that they're offering here.
You've got a couple of days left, to come check it out,
but they're giving you a pretty huge discount here.
Lifetime access to this incredible theme,
with all of its amazing features and functions happening,
for a one time of 1.99.
So you really can't beat this.
If you get a chance, pick it up.
I'll put a link in the description box below,
with my affiliate link.
I would appreciate you using that.
And of course, please add in the comments below,
if you build out anything with Divi.
I would love to see your amazing websites.
Hey, y'all, I hope that helps you get started
with making and cool popups for your website.
Maybe you'll have some cool inspiration there.
If you do try out this solution,
will you put the link in the comments below?
I'd love to come check out your website,
click on a link and see a really cool popup.
Let me know about it.
I'd love to see it.
All right, please like, and subscribe
because every week I'm creating content, just like this.
Also, I have an entire playlist for you all about Divi.
If you wanna click on that
you'll find some other really cool features inside of there.
All right y'all, I will see you next week.
Bye everyone.
(soft music)