Hey, y'all.
Welcome to another WordPress Wednesday.
I am super excited today to talk
to y'all about Gravity Forms.
I know a lot of people have asked me
over the last year to do a series on
Gravity Forms. And we're gonna start it.
Today, we'll walk over just the simple
basics of installing it, and some really
cool, out of the box elements that you
can do that you might not have known
was available, like styling. And then we're
going to go even further down, week
after week, talking about all the different
add on options and all the crazy cool
features that you can ultimately do with
the premium plugin Gravity Forms.
It's pretty darn amazing.
I want to give a shout out to all or
incredible sponsors here.
If you're using WordPress
which is what this tutorial is about
(Gravity forms inside of WordPress)
you need to be hosting on WP Engine.
They're a little bit premium price,
but you get exactly what you pay for.
You get a staging area. You get fast
premium security. It's amazing.
And, any time you call them for support,
they know exactly what you're talking about
because they're only WordPress hosting.
You've got to check them out.
We've also got WP Elevation.
If you're an entrepreneur using WordPress,
you need to be checking them out because they're
going to help you better understand how
to approach clients, how to improve your
business, and all around become a better
freelancer or even a business running
on WordPress. It's an incredible resource.
WP 101. If you love these tutorials, like
what I'm doing today, you need to check
them out. They have a great free library
of videos, as well as some premium ones.
Incredible resources for you.
We're going to talk about this right here.
Let me jump off the screen for a second
because we're going to talk about Gravity Forms.
There are some free options whenever
you're looking to use a form builder inside
of WordPress, but Gravity Forms, for the
price point of a single license is only
$40 a year. I know that sounds a little
bit more premium than what you might be
planning for in your budget, but I'm going
to show you right now why it is so worth
the value. Just phenomenal. We've done
the developer license where it's unlimited
sites. And I renew every single year because
I like having the support and all the updates
that I need for my clients. With that being said,
you would purchase it from this website.
Once you've downloaded it, it's the Zip file.
Then you're going to go to your install
area on Plugins. You're going to Add New.
And you're going to Upload the file that
you need. It's a zipped file, so you're going
to browse and install it. Once that's complete,
you'll activate it. You all know how to do
a plugin. It's activated. Now, on the left
side of your screen, once you've activated
that plugin, you're going to see ... let me show you.
We've got Gravity Forms here. Now that
it's activated, you're going to have a tab
over here on your left navigation that
says Forms. It's that simple.
We're going to pop into New Forms.
Now, it's immediately going to prompt
you for a title. This is just going to be for
demo purposes, so I'm going to say Demo.
If you want to give it a description,
you're more than welcome to do that.
I'm just going to go ahead for now and
say Create Form. This beautiful environment
is a drag and drop environment.
That's all it is. You don't have to know
nerd code to build a very, very, indepth,
involved, beautiful form. Or something simple
like a contact form. Let me show you two
different forms that we have going on
WebTegrity's website. We've got this
very, very simple, three-field form with
Name, Email, Your Message, and all
of them have this little asterisk there
meaning that they're required fields.
And then we've got our submit button.
Very, very simple contact form.
But you can go as advanced and crazy
as you want to. You can use Gravity Forms
to be a shopping cart system, even.
You can use it as a registration form
for events where people have to pay
on the spot. You can use it in any way.
You can make a directory out of Gravity Forms.
It's phenomenal. You can export all your
entries into an Excel file. You can ... I could keep going.
We're going to. We're going to do the whole series
in the next couple of weeks. So stick around and
be sure to subscribe to the channel.
This particular form here, you can see,
we have a First Name field, a Last Name field,
Company Name, Your Title, your Email.
You have to confirm your Email as well because
they're registering for an event here.
We've got a drop down option for them to
fill out and select their industry that
they're involved in. Another drop down field
for their T-shirt size for the event. If they have a
preference for food. And then, we're going
to check this for Yes, I understand the
refund policy. And then they're going to
click Register Now and jump over to Pay Pal
and pay money, on the spot, to register
for this event. I get a notification right away
that they've registered. And I get a notification
from Pay Pal saying they've paid.
They get an immediate auto responder
saying, Congratulations, you've registered.
Here's your receipt. It's a brilliant system.
And it's set up just like this! [fingers snapping]
Here we go. Back to the forms area.
If I want to select a field and start building
my forms, just read through this.
Just slow down for a second and read
through. This is a quick tutorial as well
on how to do all of this. But I'll show you
here visually so you can check it out.
I'm going to click over to Advanced Fields
because I want to a Name field initially.
So I'm just going to click it. Dynamically,
it's going to drop it in for me. There you go.
There's our Name field. By default it
gives us these two different fields here
(the first and last name). If you want a
simple field, just click on the arrow,
open it up, and let's make some adjustments.
We don't necessarily want first and last name.
Maybe we just want First, so now it's going
to give us this field. We can say anything we
want to over it. "Your Name here" gives us
the little description below it. If we want
above it, instead of having that there,
we can get rid of that and say Full Name.
Up above it we can say "Your Name."
Whatever you want. You can play around with it.
You can give it a description. "This area
goes here." Say whatever you want to there.
If you want it to be required, this is all you do.
Just check a simple box. That's it. And just
click "Required." That's it. Zip up the box.
And now we've got our field. And you just
keep adding like that. Let's say we want
a drop down option like what you saw.
Let's choose a drop down. We're going to
open it up and we're going to edit it.
We're going to give it a title. We're going to
just do what I did on the example I showed you.
T-shirt size. And so, you're first choice would be
X-Small, right? And then your next size would
be Small. And then your next size would be
Medium. And now, how do we add more fields?
You simply click the + sign. And we say Large
and hit the + sign. And we say X-L. And
then let's say we wanted to do a Youth Small
as well. Let's say we wanted that
Youth Small to actually be at the first
field. All you do is drag and drop it up
and it reorders the system. Let's make it
a required field. You absolutely want that
to be there and be available to us.
And we're going to click Update Form.
And you're building your form.
That's all we're doing. We're building our form.
Now we've got our Name. We've got our
T-shirt size. Let's say we want them to be
able to drop in a message to us.
We're just going to click Paragraph Text.
And it allows a field to be there for them
to just keep writing. We can say "Your Message."
And, do we want to make it required?
Not necessarily. So maybe we just say Optional.
Just to let them know that you don't necessarily
have to do it. What do you say if we don't want
the Optional down below the box and we want
it above the box? All you do is come here ...
All I did was go to Appearance. And now it
says Description Placement. Maybe we want
it above the input. And now it's just going
to be right above the box. How cool is this?
Isn't that amazing! So easy. So simple.
You might be saying right now, well,
where's the submit button? I don't see
anything that shows that.
Dynamically, whenever you create this
form and put it on a page, that submit
button is going to be there. What if
you want to say, like I did on the other
example, I don't want it to say submit,
I want it to say "Connect today." Or I want
it to say, "Register Now." That's the
prompting you want on that submit button.
You can change that like this [snap].
I'm going to go ahead and just click
update this form so that I'm saving
what I'm doing. There's another area here.
Let me just pop off the screen again
so you can stay focused.
Form Settings. We're going to go to
Form Settings. And this is specifically editing
this one form called Demo that I'm creating
for you right now. Label Placement.
This is kind of the default label placement
of where you want things to be.
The Description placement default.
If you wanted to set them dynamically
all the way across the board for every
field on this particular form, you can do that.
Here's the Input type and our text over the button.
If we want to say Register Now, there you go.
Now our submit button will absolutely
just have that available. I'm going to
update the form settings.
I'm going to show you one other cool thing
here in a second. Let's go over and put
this on a page so that you can see what
this is looking like. You can actually preview
it here if you wanted to. There's a little button
there that just says Preview so you can see
how you form is looking. But I want to show you
how to actually get it on a page.
I'm just going to Add New Page here.
This is just going to be Test Demo Form.
And because we've installed Gravity Forms
there's this new icon up here. Check this out
right here. Add Form. We're going to
click that and it's going to allow us to
choose whatever form we have here.
I've made many, many forms. So I'm going
to check our demo. I don't want the form
title to display, and I don't really want the
description to display either. And I'm going
to insert the form. Dynamically, it creates
this short code for me and allows me to
see exactly what this form is going to
look like sitting on my website.
How pretty is that?
I've set some styling in my CSS file to make
the button be orange, so yours is going
to probably look a little different on
your website. Here's the form with my drop
down, beautifully created.
There's my optional message.
They can click Register Now.
How neat is this, right?
There's all sorts of other really cool things.
One of the things I'm going to show you
right now, scrolling down here.
Sometimes people want to have a
captcha or the little field you know
where people have to fill it out to prove
they're a human being and not a robot.
And some people cannot stand those.
If they see it on a form, they don't even
fill out the form. They get irritated and they move away.
Or, they can't figure out what the code is
and they get irritated and they move away.
We don't want that to happen.
We want this to be no fear in filling out our form.
One of the coolest things about Gravity Forms
is that it has this really cool little option here
that says Enable anti-spam honeypot.
What that is is that is a hidden field
behind the scenes that sits there
and if a robot comes to your site
it cannot tell that that is a hidden field.
So it's going to fill it out and click submit.
Well, the system knows — Gravity Forms
is so smart — that it knows that's a spammer.
They're going to take that and dump it
and not even allow it to hit your website.
How incredible is that? It's kind of a reverse
captcha, right? Aaahh. So cool.
I've taken up my ten minutes and more.
I'm not going to bore you any more.
I hope this was exciting for you.
I'll tell you what. Next week I'm going
to take you into styling the form.
I'm going to taken you into some add-ons
the following week. It is gonna get good.
So be sure to click subscribe down here
in this little corner here. Click that little button.
Hang out with me next week.
I'll see you next week for WordPress Wednesday.
Bye bye, y'all.