Hey, y'all.
Welcome to another WordPress Wednesday.
My name is Kori Ashton here at
WebTegrity in San Antonio, Texas.
Today we continue our 6-part series on Gravity Forms.
We're going to cover conditional logic today
which is something you probably didn't know
necessarily existed. You didn't know to
Google it but you're about to be blown away
about how cool it is and the fun things
you can do inside of a form.
I want to give a shout out really quickly
to our incredible partners that help us
in our classes here at WebTegrity and
our classes online. WP Engine offers incredible
WordPress hosting, awesome security,
great staging environments, fantastic customer
support. WP Elevation offers really cool tracks
for freelancers that use WordPress.
And then WP 101 is going to be more incredible
video tutorials that are helping you learn
basics to advanced stuff with WordPress.
So check them out and let them know that
Kori Ashton sent you their way.
I'd appreciate that. Thank you very much.
We're talking about Gravity Forms.
I'm going to drop down here, shrink down
just a little bit so you can kind of still see me.
I want you to focus on the form.
I've created a Gravity Form that has a
Name, Email, and then this drop-down Option
here for what people might be needing help
with and then they can fill out a little bit more
detail and click Submit. Very simple form that
we've created. But what if, when somebody chose
Demo Request, I had a way of asking them
to choose a date, but I didn't want the date
option to appear if someone was just
choosing Tech Support. So, Demo Request.
How can I get something conditionally
if this is chosen to appear? It's called
conditional logic and it's simple as
out-of-the box features inside of WordPress.
Inside of Gravity Forms, rather.
In my form I have my Name, my Email,
my Subject line with my drop-down option,
and my optional Message. This is an advanced
field that we want to add before I want
to do a date picker. I'm going to pick a date.
You know that in Gravity Forms, by default,
it takes you to the bottom of the whole
line-up. You have to drag it up to whatever
order you want it in. Right after this Subject,
if somebody chooses the Demo Request,
I want this to appear. I'm going to open it
up and I'm going to say, "Select a date."
Then I'll say here something like,
"What day is best for you to see a demo?"
Then we have a couple options here.
No icon next to this. Or maybe we want
a calendar icon, which I do like that.
Or you can even put a custom icon.
You can choose a different format of
date, whatever you're more familiar with.
Then we do want this to be required
but, again, we don't want this to appear
if somebody is just choosing Tech Support.
What I want to do is go over to this third
tab which is Advanced. Down here toward
the bottom of that little box is something
called Enable Conditional Logic. Clicking
on that, look at the goodies that appear.
We want to say "Show this field if all
match the following." If, your subject, is
Demo Request. What? How cool is this?
I'm going to update the form.
Let me show you it in action.
We're going to just leave that there.
Let me click refresh on this page.
Now, if I'm coming here to this page.
Oh! It's still refreshing. It's thinking
about refreshing. [chuckle]
Fill in my Name. Fill in my Email.
I'm going to choose Demo Request.
And look what just appeared,
how groovy cool is this?
And then I have an option to choose the date
and my message and click Submit.
How amazing is that?
Get as creative as you possibly can
with what those can do.
You can even hide the Submit button
where every field has to be filled out
and then the Submit button will appear.
It's just so cool. There's so much you can do.
It's just amazing. And since this was such
a short tutorial on those really cool,
conditional logic options, and every field
has that in the advanced area down at the bottom,
I'm going to show you how to do a
two- to three-page form. If you have a
very lengthy form, and you want to break
it into multiple steps, where it's not so
overwhelming to people (maybe it's a
job application, and you want to have people
fill out their personal information first,
then click Next, and then they go to another
area that has all of their past job history
information), you can do that inside of
Gravity Forms. It's so amazing.
All you're going to do is you can create
all of your fields that you want,
and then you would want to do a
section and put a header over it
if you wanted to, or you can say Page.
Watch this. Start the page here.
And then end the page here.
And then what goes on the next page.
You can have something else added there
and this goes on the next page.
How cool is this?
If we want it to just say Next or Next Page
or Final Page or Last Page or whatever you
want it to be, you can change the verbiage
on here. You can come up here to the
very first one and say Do you want this
to be a progress bar or do you want it
to be in steps or maybe none, we're not
going to show them at all that this is a
two-page or three-page thing.
It has some preset styles and colors that
you can do. You can name the pages.
We can name the first page Personal Info.
And we can name the second page Job History.
And that way nobody is getting overwhelmed
with their really incredibly long form
but you're still being able to get all of your
information. You can display Completed
Progress Bar on Confirmation. You can say
Completed or Congrats! Completed or
you can put whatever you want.
Get as personal as you can in there so
that people feel engaged. This creates your...
This is going to be a two-page, basically.
I'm just playing around here.
Let's go back to the demo really quickly
and show you the break in it.
Our Submit button should go away
and it should say Next, now, to take
us over to that next field. Here's my
progress bar. I can fill out my information.
You see it says Personal Info right here.
I fill out my information. When I'm done ...
Let's just go ahead and fill it out really quickly.
Kori @ WebTegrity . com
We already have out Subject. This is optional.
It really doesn't matter for me to fill this in
or not. I'm going to click Next.
Now it dynamically takes me on to that
second page, keeping all of this in one
complete email coming to me. Untitled.
This is going to be anything I want.
Click Submit. And now it should tell me
Success! and do whatever I told it to do
which is I told it to go ahead and take me
to my page confirmation.
If you don't know how to set up confirmations,
be sure to check out our last video
because I showed you how to do notifications
and confirmations. How cool is that!?
You can set up as many pages as you want.
I wouldn't really do a whole lot because
people do tend to get fear of forms
and they get bored with them or they
get irritated by them. Get enough information
just to grab that lead and know for sure
that you're getting the information you
need to touch back with that person.
How cool is Gravity Forms?!
I hope you're nerding out with me.
I'm pretty nerding out!
Over here in this little corner I've got
a little box that looks like a play box.
Click that to subscribe to our channel
because we're going to bring on some
more Gravity Form tutorials in the next couple
of weeks. You don't want to miss it.
We're going to be talk about add-ons,
how to make a shopping cart out of this
thing. It's going to be amazing!
Blow your mind.
I'll catch you next WordPress Wednesday.
Bye bye, y'all.