Learn how to manage notices and alerts on your colorado.gov website.

 

Webforms: Creating a New Webform Video Transcript

Back to Webforms: Creating a New Webform Video

 

welcome in this series we're going to be

discussing web forms and

today we're going to talk about how to

build a new web form

now to build a new form i'm going to go

up to structure

and web forms

then from here to create a brand new

form i'm going to click on add webform

the first thing you'll do is give your

web form a title

if you like you can add a little

description this is for

merely for your purposes when you're

previewing all your various web forms

this is optional

you can add a category if you'd like

this is more for sorting forms

you can either choose an existing one

that you've already created or if you

click

other you can create a new category

yourself

in this case i'd like to stick with this

one in the training category

and lastly status this is just where you

can choose whether the form is open so

someone can

send in a submission or close meaning

they can't

i'm going to go ahead and leave this at

the default for open

so after you click save it'll bring you

to this build tab here and this is where

all the action for web form is going to

take place

so what you do is you add various

elements to the form

and those elements are correspond to

different types of fields

now if we click this view tab here you

can see that my web form is completely

empty

nothing on it yet so let's go ahead and

add some elements i'm going to go back

to the build tab

and let's go ahead and click on add

element

now you're going to see from here that

there's tons of different

kinds of elements we're not going to

have the time in the video

to be able to cover every single element

but we will have some other videos where

you can check out

more in-depth instructions on various

settings for you know popular

elements in this case let's just go

ahead and add a couple

the first thing that i'm going to add to

every single one of my web forms is

going to be this captcha

element captcha is really important to

be able to filter out spam submissions

it's kind of like your first line of

defense for your form

now what i can do is i can either come

down here and click add element

or because there's so many different

elements if you already know what the

element name is you can start typing it

and it will appear and you can see that

it gives you the name of the element

here and then also a preview of what

that element looks like

this one is actually going to look a

little different because we're going to

use a different kind of captcha

so i'll go ahead and click add element

and i'm going to leave the key as it is

and come down here to capture settings

and change the challenge type from

default to recaptcha

and this little checkbox here will allow

me to preview the captcha

as a logged in user generally speaking

it would not show up

if you're logged in only if you're

logged out in this case i'm going to

check this just because i want to see

what my form looks like in its entirety

so i'll go ahead and click save and now

i've added my first element

if we go ahead and click on this view

tab here you'll see that all we have is

our captcha but it does appear

and it looks good so let's go ahead and

go back to the build tab

i'm going to add some other elements

here so let's click on add element again

let's choose another popular one that's

going to be this text field here

and in the preview you can see how it

works it just gives you one live text

that someone can add

we'll hit add element and in this case

i'm going to give it a title the title

is going to be basically like the

question for the field

so

you can add that there if you'd like you

can add things

like descriptions help text stuff like

that

each one of the elements are going to

have its own set of settings

the important thing though at the bottom

here is there's going to be this form

validation section

and if you want the field to be required

so that someone can't submit the form

without filling out that field

you have to check this box and you'll

also want to add some sort of required

message so that this will pop up

when somebody doesn't fill out that

field so i'll use this one that i've

typed in before this field

is required and then when i'm done i can

click save

so now i've got my second element let's

go ahead and add one more

in this case i also want a text area

text areas are nice because they allow

people to add multiple lines of text so

in this case i want someone to explain

why they like

that zoo animal they chose so i'm going

to go ahead and

give this a title here

and you'll see there's a lot of the same

settings here for the

text area again you can choose whether

you want this to be required or not in

this case i'm going to leave this

optional so i'm going to leave that

unchecked i'll click save

and now we have our fields so let's go

ahead and click view again

and here i can see that it looks pretty

good however the captcha i know i don't

want it to be at the very top i want it

to be at the bottom right before someone

clicks submit

so let's go ahead and move that what

i'll do is i'll click on build

and i'll grab the captcha element and

drag it

to the bottom here and everything else i

think looks good if i change my mind on

that text area and i want to make it

required i can check that box right here

and that will make it required

and when i'm done making these changes i

can click save

and i'll get a little confirmation

message and if i go ahead and view my

form

it'll show me that this form is now

saved

and it looks like everything is in order

so

um that is really the gist of it you'll

create the new form

then you'll build out the elements and

when you're all done

you can share that form and so we'll

also have some other videos on how you

can share the web form

uh how you can edit the confirmation

message things like that but

as far as building out the web form

that's all you need to know