- Hey y'all, welcome to another WordPress Wednesday,
my name is Kori Ashton.
And we've been given a question
off of our YouTube channel from Sohan, asking hey,
inside of Gravity Forms,
how do we make some sort of a progress bar
if our form is just way too long
or perhaps we don't want to overwhelm people
and things just kind of appear to them in certain steps.
Organizing a longer form.
Great question.
So, it's actually pretty simple
once you kind of see where it's hidden in the options.
Gravity Forms, of course, is a premium plugin
that you need to purchase.
If you don't know what Gravity Forms is,
I'll put a link right here
to our very first video about Gravity Forms
so you can get a better idea.
But let's move forward assuming that
you already have Gravity Forms
and you just have a lengthier form, something like this,
that perhaps you want things broken down.
So, what you're gonna see here
is I have maybe their personal information
for their contact information.
Then we have a couple of fun questions for them here
and then we have maybe a longer area here,
that we would like this all kind of broken down
into three steps.
Here's how you do that.
Inside of Gravity Forms,
of course I've already created all my fields.
I know exactly what options
I want the individual to fill out.
Over here on the right side, you have an option
inside of standard fields called page.
You're gonna click that one time for now
and you're gonna see that it says
the beginning of form, top of the first page
and if I scroll down to the bottom,
they have end of page, top of new page,
end of last page, end of form.
So basically, what it's asking me to do
is drag this up to where I want my first page break to be.
And so I'm gonna take it all the way up
to where my personal information kind of ends.
So your name, your email, and your address.
Then I want there to be some sort of a step
or a click button so that they have to go
into the fun questions.
And then I want there to be yet another break,
I want this to have three pages that they have to fill out.
So if I wanted another break,
I would just simply click page one more time,
it's gonna give me another option
to drag up and to place into the area
that I would want it to make the break happen.
Alright, so this gives me my individual page breaks,
now how do I customize it.
Coming up here to the very first one,
if you're familiar with Gravity Forms,
you know this little arrow can give you more options.
Your very first option up here,
the beginning of form allows
these certain things to be here.
Do you want it to be in a progress bar?
Do you want it to have steps instead?
Do you want to have anything
and no indicator whatsoever?
This gentleman, Sohan, is asking about the progress bar.
They give you couple of options,
if you don't like any of those colors,
you can set your own custom colors.
For the sake of this tutorial,
I'm just gonna go ahead an choose blue.
The first page, they also give us options to name
your contact
info.
The second page, fun questions.
The third page,
we want to know you more.
Alright, so display complete,
progress on confirmation, you can do that as well,
completed or you can change that to say thanks,
whatever you'd like that to say.
And now, as you go through here,
I'm gonna go ahead and click update form.
When we go back to our form over here,
instead of having everything be on one page,
I'm gonna go ahead and click refresh
so we can see this version
and it simply shows the progress bar across here.
And it says your contact info,
this is where our title sits.
You would fill out your information here,
any required details, click next
and of course,
that would take you into the next page,
and then the next page,
and then finally you would have submit
and the whole form would be submitted as one email to you.
I hope this helps you.
We have all sorts of tutorials on Gravity Forms,
so be sure to subscribe to our YouTube channel
as we're doing something fun for WordPress
every single Wednesday.
Hope you're having a great one,
catch you next time, bye-bye.