Transcripts
1. Introducion to the Class: Welcome to this
course on building a savy Form using Job Form. In this class, you'll
learn how to create a complete and professional
survey form from scratch. No coding required. We will start by exploring the interface so you understand
how everything works. Then move step by step into adding different
types of fields, structuring your questions, and organizing your
form effectively. You'll also learn how
to make your form look professional by customizing
the design with colors, fonts, layouts, and even
adding your own logo. As we progress, we'll cover important features like
setting required fields, configuring submission
settings, and setting up email notifications
and auto responses. Finally, we'll publish our form, test it, and learn how to
manage and view submissions. By the end of this course, you'll be able to
confidently create, design, and share your own survey
forms for any purpose. Let's get started and build
something amazing together.
2. Understanding the Interface: In order to go ahead and create
out a form with job Form, what you need to do is you
need to go ahead and sign up for an account if you don't
have an account already. So for that, you need to go to form.com and then click
on Sign Up for free. And then what you can do
over here is sign up with an EMR address or from one of these
social media accounts. In my case, I already
have an account, so I'm going to go ahead
and click on Login. And over here, you need
to go ahead and type in your email address
that you signed up with. Let's say, for example, and enter out your password
and then click on Log In. So let's just go
around over here and then add in add the password in right
here just like this. And then I'm going to go ahead
and login into my account, as you can see right here. So now once this is done, you can see that I can go ahead and start
creating out of form. It actually brings
up a dialogue box, which allows me to go ahead
and create a form using AI or utilize templates
or start from scratch. But if I don't get
this dialogue box, this is what you have. And in order to start
creating your form, you need to go around
over here onto the create option here and
then choose form from here. So once you go
ahead and do that, you can go ahead and then choose from one of these
options right here, like you can import form. You can go ahead and then
convert your document to form, or you can go ahead
and use template. But in our case, we're going to start everything from scratch. So I'm just going
to go ahead and click on Start from scratch. Here's two type of forms again, and one is a card form, and another one is
a classic form. This is what we want
so that we see like classic form where all of the things are
in the same place. So let's just go
ahead and click here. And once I do that, what happens is that my form actually
comes up right here. So now you can see that
this is what you have. You can drag in your logo if
you want to and so forth. But we're going to do that as we progress through the course. So now you need to know
the basic interface here. So this is the basic interface where you can make the form, where you can add in
the form elements. And to add in the elements, you can go to the left panel where you have an option to add in basic elements such
as name and email. You can just click and
there will be added. You can even add in
payment methods. I needed, you can
go ahead and add in different widgets for
extra functionality from over here as well, and we're basically going to go ahead and utilize
the fields that we need to make our form as we
move along in this course. So we're going to go ahead
and for our project, we're going to build a breakfast place survey form from scratch, and we're going to go
ahead and utilize out the different forms that is different fields needed
for that particular form. So this is what you have,
and you can see on the top, you got form right here. You can go ahead and
name it out as you want. So I'm simply going
to go ahead and name my form breakfast
place place the form, let's say, for
example, right here. And as I do that, what happens is that the
form name changes out. So that is what you have. Over here, now with each of the form fields
that you keep in, you can see that
you can access out the properties so
that you can go ahead and chains out how that form
fields actually behave. Here. So this is what we
have on the right hand side. So on the left hand side,
we got the form elements. On the center, we
got the form itself, and over here on the
right hand side, we have the form properties. And if you want to see how
your form actually behaves, you can go ahead and click
on preview form right here. And once you do that,
you can actually interact with your
form as needed. Apart from that, over
here on the top, you got further settings for your form so that
you can go ahead and manage your thank you page
and so forth, right here. And you can even go
ahead and publish out the form from
over here as well. So you can share this
form out with others. And as we progress
through our course, we're going to go
ahead and see this. So I have this form right here, and let's say you go back to the home page right
here of job form. Then you won't actually be able to see your
form right here. So in order to access the
form you have already made, sometimes you don't see it here, then in order to access it, you can simply go
to the MW space and then go to the
My form section. And then over here, you will be able to go ahead and see the forms that
you have created, and this is the
one that we have. So now over here, what we
can simply do is edit out the form to get back to the form editing section
right here just like this. So this is basically how we're going to go ahead and work
around with the form. And from the next video, we're going to go ahead
and see how we can add in different fields as needed to
continue creating our form.
3. Adding Basic Information Fields: Over here, you can see that
now I have a new form, and let's get started by
adding in the essential feels. So for example, I
may want to go ahead and add in email and
then phone number. So to do that over here
on the left hand side, click on add elements. Then under basic, you'll
be able to see full name, which is already here, so I'm
not going to add it again. And then after
that, I got Email, so I'm just going
to go ahead and click here to add that in. And apart from that, I'm going
to add in phone as well. So now you can see that the email here is left line
while this is on the top. If you want to go
ahead and change it, simply click on this
particular form element and then go to properties, and then you can
set it onto top. Once I do that, you can see that the phone number
changed as well. That is because this has
been set as Form default. You can uncheck it so that it only affects this
particular form element. You can make this particular
form element required. So let's say this is
compulsory right here. Name is required as well, so I'm going to
click on required. So people cannot submit the form without actually
entering these details. Phone number is, let's say, for example, optional, so I'm just going to
keep it as it is. Let me just remove
set as default, and let's set this
to left as well. So this is what you
have, as you can see, and then you can see
under the email, there is a sub label,
example at example.com. You can actually go to the
properties right here, and under the sub label, you can go ahead and change
it out as you want, as well. So let's say I'm going to
say example@outlook.com, and this is what you have. So on the phone number, you can see a certain format right here. But if you want to
change the format, you can go to option and change the input mask as
you want, as well. So you can see the pound symbol. You can go ahead
and add that in, press the dash right here and add in the pound
symbol right here. To show the different number. Or you can actually
go ahead and remove the input mask so that you get the phone number and
the area code here. Apart from that, if you want to enable the country code as well, you can go ahead and
enable that out as well. And as you close, you can see
that these are the fields, the basic fields
that are added in. And these two are the
required fields right here. And apart from that, you can see that it says full
name over here, it says Emil, it
says phone number. But I'm just going
to go around and say phone right here,
just like this. You can change around the field label as you
need right here as well. So now, apart from that, let me just go ahead and then preview out the form right here. And once you do that,
you'll be able to see how this form
actually works. So you can go ahead and add in a country code area code and phone number right
here just like this. So now we got the
basic field in place. We're going to go ahead and
work around with adding survey questions as we
progress through this course.
4. Adding Survey Questions: Over here you can see that I have the form here with
the basic elements now. And let's say I want
to go ahead and add in the actual
survey questions now. So to go ahead and do that, I want to add in a
different section. So in jot form, you can go ahead and add in
multiple pages of forms. So to add in another section, I'm simply going to go ahead
and click on add new pase. And once I do that, you can
see a new section pops up. Over here on the bottom, you can even see the
pase right here. You can click on add
elements right here, and this moves onto
the side as well. And here you can go ahead and
add in other questions now. So let's say what I
want to do is I want to go ahead and add in
a picker right here. Let's say, for
example, I'm going to say I'm going to add in
a single choice option. So over here, I'm going to go ahead and add in
questions such as, how often do you visit
our breakfast place? Let's say I'm going
to add in a question, and then I'm going to
add in the option right here as Di and I'm going to say, let's say, for example, weekly, and I'm going to say
monthly right here. And let's say this is first time right
here just like this. So you can go ahead and add in a single choice
option right here. Now around over here, I'm going to go around and add in a multiple choice
question now. So let's just drag it onto
the second section itself. And over here, I'm going to
say, let's say, for example, what did you order today
right here, just like this. And over here, I'm
going to say pancake, right here, just
like this, pancakes. And say, I'm going to say
waffles right here, waffles. And then I'm going
to go around and say omelette right
here, just like this. I'm going to go around
and say fresh juice, right here, just like this. Let's add in another option, add others as option as well. So you can see that this is a multiple choice question
that I have right here. So let's say now I want to
go ahead and have a rating. Let's add in a star rating
element right here. And then I'm going
to go ahead and say, how would you rate
the food quality? Let's say, for
example, let's just go ahead and add this in R here. And there's a five star rating. You can actually
go to Properties and change that out
to whatever you like. And you can change the
rating icon as you want, as well, to hot or
plus or anything else. Let's just go for a star, and the rating amount is five. You can make it ten if
you want to as well. So let's just go ahead and
do that and close this out. So this is what you have. And let's say I want to add
in another question rat here, and ask whether the
restaurant was clean or not. So let's add in a single
choice for it right here. So I'm just going to
go around and say, let's say, for example, was the restaurant clean and
come for table right here? So let's just go
ahead and ask it. And then around
over here for that, I'm going to say yes and no. So, let's just go
ahead and add in two options right
here, just like this. And I'm going to go ahead
and close this out as well. Apart from that, now, let's say, I want to add in a linear scale, like how likely am I to
recommend this to others. So for that, I'm just going
to go for scale rating, and then one to
five scale rating is fine for this, I guess. So I'm just going to go
around and say how likely are you to recommend us to others. So I'm going to go
ahead and ask this, and maybe I want ten
scale itself for this. I'm just going to go around
and say owes is one, highest is ten right here. Apart from that, if
I were to go around, let me just drag this down. Seems like I drag this up. So let's just go ahead and
drag this down right here, and then you can go ahead
and drag this down as well. For this one, instead
of ten stars, let's say I want it
five stars as well. So let's just go ahead and
turn it into five stars. So once I go ahead and
do that at the end, I'm going to say, what can
we improve as a question. So for that, I'm
going to go ahead and add in a paragraph content. So let's just go ahead and
drag this down right here. And this is the text. So I'm just going to
go to the properties here, and then, let's say, for example, add in the like, you can edit out the
paragraph text as well. So here, what I
actually want is, it says, click to actually
edit this text rot here. But before this, I
actually want a text. So let's just go
around over here and add in a heading right here. So over here in the heading,
let's say, for example, I'm going to say, what can we improve right
here just like this? And there's the
editable text area now. So now if I were to go ahead and preview out the form right here, then what happens is
that I got this form, I can go to the next phase. So this field are required, so I do need to type in
something right here. So I'm just going to
go around over here. Right here and add this in. I'm going to click on Next, and then you can see that
this is what you have. But it seems like I have
all of these right. So I got What did you
order day right here? I can choose the food quality, the restaurant clean and
comfortable right here, choose the scale and so forth. But it seems like I added in the wrong
section right here. Instead of paragraph right here, this is actually an
information giving paragraph. I need to go ahead and add in long text where users can type
in a paragraph right here. So let's just go ahead and
drag this down right here. And over here, I'm going
to go ahead and type in what can we improve right here, just like this. So
this is what I have. And if I were to go ahead and preview out the form right here, and once you do that,
you can go ahead and add in the details as you want, right here, just like this. L on next and then over here, you can go ahead
and see that now, you can go ahead and select whatever information you need. So this is basically
how we can go ahead and add in different sort of
survey questions as needed. And now we're going to
go ahead and see how we can further
refine the form as needed and adjust out a few alignments and even go
ahead and reorder questions as needed as we work along
to make our form more useful
5. Making Fields Required and Field Alignment: So now that we have our form
contents ready right here, you can see that over
here on the bottom, you see home and
Page two right here. You can actually go around
over here and let's say, for example, go ahead and
rename this out as well. So for that, you can simply
go around onto the home, you can see it just says home. On page two, you can
go ahead and say something like survey questions right here, just like this. So let me just go ahead
and say survey right here. That becomes the survey piece
right here, just like this. So over here on the top, you can actually see like some of these particular
fields are compulsory. The full name and
email are compulsory. But over here on the bottom, I can go ahead and make different elements compulsory
as needed as well. So around over here, I'm
going to go to properties. Let's say, for example, make
this required, right here. Apart from that, you can go ahead and let's
say, for example, if you want to make this
particular question required, you can go ahead and make
it required as well. Can go around over
here onto let's say, for example, how likely you are to recommend us to others. You can make this
required as well. Apart from that, you can
go ahead and let's say, for example, reorder the questions right
here, just like this. You can go ahead and reorder
the questions as you want by clicking and dragging these
questions as you want, as well, just like this. So that is what
you have, and then you can see that this is
what you have right here. You can go ahead and
keep it on the top. You can go ahead and
keep it down right here, just like this as well and then work around with it
as per what you want. But let's say for what we
now we can improve question. I simply want to go
ahead and keep it over here on the bottom itself. So this is basically
what you have, and then that is how you can
go ahead and change around the feel alignment and
then work around with it. So apart from that, what you can also
do is, let's say, for example, some
of these questions here are not very big. For example, what
did you order today? You can see it only takes half
of this space right here. So what you can do with this
is you can go ahead and make sure that you add
in two fields here. For example, you can
go to properties, and then you can go to, let's say, for example, onto Advance and shrink
this out here. So it only takes
half of the space. Apart from that, now
what you can do is go ahead and click on this one, and then you can go to Advance rot here and string
this out as well. And then you can
go ahead and click and drag it above here. So you can see that this
is what you have here. And then what you can
do is you can go ahead and rearrange this out
here. Just like this. So you can see that this
one is on the left, this one is on the
right, right here. So this is how you can actually go ahead and re
arrange out, as well. So you can see that now this only takes half of
the space right here. So it seems like I
accidentally move this down, let me just go ahead and move and rearrange this
out right here, just like this. And
this is what you have. But if you still want it
to be on the new line, even if it is string down, you can simply go to Advance and move it to the
new line as well. But I do want it side by side. So this is what you have now. That is basically how you can go ahead and reorder
out the questions, this out the field alignment, change out the size
and shrink it and keep two fields together,
just like this as well. If I were to go ahead and
preview the form right here, then this is what you have. You can see that I can go ahead and click, let's
say, for example, the order here, gs around, let's say, for example,
the order, just like this. You can go ahead and
choose right here and then simply make sure like
everything is working well. So as we move forward now, we're going to go ahead and see how we can actually
go ahead and make the form more
visually appealing as well by using the
design feature in the
6. Designing the Form: So till now, we have
our basic form right here with the basic fields, and then the survey
questions right here. Well, let's say, I
actually want to make the form much more
interesting to look at. So for that, I can actually
utilize the form designer. So to do that over
here on the right, you can click on Form Designer, and you can see that a default
color scheme is selected. You can go ahead and choose different color schemes right here just by clicking on them. But this one right here
is orange and yellow, which is more like
food friendly colors. So let's just go ahead
and select that. You can go around over
here onto Paye Color, and then, let's
say, for example, chans out the slider here as needed to change
out the color as well. Apart from that, you can
see that I have the space. So here, in the form, background, let's say I
want to add in an image. So for that, you
can actually go to choose Image here in Pays Image, click on Upload File
and then choose out a file that is an image file that you want
to upload, Which is this one. So let's just go
ahead and select it and click on Open here. So once you go
ahead and do that, what happens is that the
file will get uploaded here. Apart from that, there
are different elements. So it seems like I
click on the other tab, so it deemed upload, so let's go ahead and
click on Upload again and give it time to actually
go ahead and load here. So we need to go ahead
and wait for a bit now. And now you can see that
the image is loaded up. And you can see that
the form looks much more interesting and matches our background theme that is as per the breakfast
place right here. You can go to stars right here and you can see
that you can change around the form with right
here, just like this as well. So if this form is
too narrow for you, you can go ahead and say
thousand pixels right here so that you get more
space in the form as well. So you can see like
there's the label. You can go ahead and align
this out as you want. You can go ahead and change
around the question spacing. You can change
around the width of the labels and so change around the font as
you want, as well. So there's different sort
of fonts as you can see, so you can go around
and choose much more. Let's say, for example,
fancy fonts right here or you can go around
over here onto chewy fonts, which looks more like a
food font right here. Let's just go ahead
and change around the font size as
well, just like this. So apart from that, you can also choose button styles right
here, as you can see. You can go ahead and
choose this style or this style right here
as per what you want. You can even add in
style like let's say, for example, these type
of styles right here. Well, let me just
go around over here onto the bright orange style. And over here, you got
Image button styles, you got gradient button
styles right here, and you got flat
button styles as well. You can choose
whatever you want. And this is basically
how you can go ahead and change
the outlook of your form on how it looks and make it much
more interesting. So if I were to
actually go around and preview up the form right here, then what happens is
that it'll go ahead and then show you how the
form will actually work. And now you can see the
full preview of the form, and then you can see,
like I can go ahead right here and then
enter the details. So let's just go
around over here and enter the detail here, just like this and
then click on next, and you can see that
this is what you have. This is how the form
actually reacts now, and you can see that it is much more interesting to look at. So that is basically
how you can go ahead and then design up
the form as you want. And now, what we
may also want to do is add in a logo
over here on the top, and we're going to see how to
do that in the next video.
7. Adding a Logo: We have our form, which
looks interesting. And let's say we want
to add a branding to our form as well
by adding a logo. So for that, you can simply hover around over
here on the top, and you can see add logo appear. Click on it, and then it
opens up the form designer, where you can go ahead
and upload out a file. So around over
here, I'm going to select a logo file here. It's good if you have a P&Z file because it supports
transparency, and then transparent logos look actually good because it
blends in with the background. So if I were to open this out, you will be able to see the
logo here, breakfast placed. But if I were to change the
logo size and everything, the text rat here is
black in my logo, so I'm not being able
to see it properly. I can align it to the left or right to see the best
place where it fits, but it's not actually
showing up correctly. So to correct this, let me
just go around over here onto colors and then
change the image, or something which
is brighter but still relevant with our theme. So I'm just going to go around over here, remove the image, and then choose a fl
upload a file here and select out this particular
image and upload it out. So once I go ahead and do that, what happens is that
this image is loaded, and you can see that it's
still relevant with breakfast, but the logo is now clear. So I can go ahead and sense out the logo size as I
want in the form, and I can add in an alternative
text as I want, as well. For example, I can add
in breakfast place. So this is when the image fails to load and you still want to sew something to the device. So if I were to go ahead and do that, this
is what you have. You got the alternative
text as well, instead of the
place, and you got your logo place right
there just like that. So if I were to go ahead and
preview out the form now, you will be able to see the
logo in the form as well. Which adds in a proper branding
in your particular form. So if I were to
go ahead and fill up some information right here, click on Next, you can still see the logo in multiple pieces
just like that, as well. So that is basically how
you can add in a logo. And in the next video, we're going to go ahead and see how we can actually
customize out the submission option and
buttons inside of job
8. Submission Button Redirect Options: Over here, you can see
that I have this form, and whenever actually someone
goes ahead and submits out the content of this form,
then something happens. It either goes and redirects to another page or source
a thank you message. You can actually choose what happens when someone
actually clicks Submit. Accordingly. So to do that, you can go to Settings R here, and then you can go
around over here on the left hand side and
go to thank you pays. So here you can see that
right now, it says, so thank you pays
after submission. You can even redirect to an external link
after submission. For example, for example, just for example, right here, I'm going to go ahead and add SDTPsG innlawww dot
wikipd dot RZR here. So now, you can
even redirect with DTPS post right here, but
we're not doing that. We're just forwarding
it out right here. So let's just go ahead and preview out the form right here. So once I go ahead and do that, let me just go ahead and fill up our information right here. And then just fill out the
compulsory once right here, and then let's just go
ahead and submit it. So this is compulsory,
so let's submit it. This is compulsory right
here, so it says done. Let's just go ahead
and submit it. Once that happens, what happens is that it
will redirect it. So you can see that I'm
in the preview mode, so I cannot really
see Wikipedia. But let's just go
around over here. And then, let's say, for example, publish this
out as an actual page. So you can see that
there's the form link. Let me just open it up in New Tab and actually fill
out the information there. So let's just go
around over here. Add in an email, click on next, select these out right here, the compulsory
questions right here. And once I do that, let's
just go ahead and submit it. And once you do that, you can see that it redirects
to Wikipedia. But that is not what we want. We want it to show a thank
you message, which is custom. So to do that, you can go
around over here onto settings, and then you can go to
thank you pays right here, which actually forwards
it to Wikipedia, as you can see right now. But what I'm going
to do is click on Show Thank you, please
after submission. So this is what
you have. You can actually go ahead and then, let's say, for example, choose whatever graphics you want. You can actually go
ahead and edit it. For example, it says, thank you. Your submission
has been received. And I'm going to go around
and see, uh, you, please. I'm just going to
go around and say, please keep on visiting. Let's say, for example,
right here, just like this. And then I'm going to
go ahead and change up the font outfit right here. Let's say, for example,
to impact or Vadna right here and I'm going to decrease
the font size as you want. So this is what you
have as you can see. You can go ahead and
change it out right here, and then you can bold it, you can italicize it, and make basic changes. You can change around the
text alignment as you want, as well and change around the text color as you
want right here as well. So you can see that
you can go ahead and make major changes as you. You can even add in a link here. You can insert out more
images if you want to. Like for example, you have it, you can go ahead and insert
this out right here and then, let's say, for example, work around with the other
image as you want. So you can see that I
can go to my images, select O breakfast place
instead of this, as well. So you can see that I
simply have this image. Let's just go ahead
and then erase it. So this is basically
a document editor right here that you can work around so it seems like the
thank you message is gone, so I'm just going to
go around over here and then add in a
thank you right here, press Enter and then select
out the thank you right here and change around the family right here to
something very funky. And then I'm going to go
round over here onto, let's say, the sides right
here of thank you as well. So that is what you
have as you can see, and then you can even insert
out a table and basically work around with it
in full screen to see how the thank you
paste actually looks. So now you can even add
in a field right here, like, let's say, for example, the layout and so forth,
as you want, as well. But this is basically
what we want, so I'm going to
leave it as it is. I don't really need to save
it. Everything is autosave. Now, in order to see the
thank you page in action, let me just go to the
publish tab here. And then what I'm
simply going to do is open this form in a new tab. And as I do that, I can
add in the details again. Let's just go ahead and add in the compulsory details here. Go ahead and submit it, and then now it'll be redirected onto the thank you page that
we made here just like this. And that is basically how you
can go ahead and then use the submission button
redirect option and change it as you like
inside of job form. And as we move forward now, we're going to go ahead and see further form settings
that we can address.
9. Configuring Email Notifications: Now that we have our thank you messages
and our form ready, let's go ahead and set up email notification
options as well. So to do that, you can go
to settings right here, and then over here on
the left hand side, you can see notifications. So if I were to go
around over here, there's different sort of notifications as you
can see right here. But what we are
interested right now is email notifications
right here. So you can see that this is the default email notification. You can go ahead and
delete it out right here, just like this as well. So now let's just go
ahead and add in, let's say, for example,
a notification email. So here you can see
it says receive an email when someone
fills out your form. So let's just go ahead on here, and then you can see,
what you want to receive. For example, you can see
all the names right here, just like this, and
then you can go ahead and edit it out as I like. So let's just go
ahead and save it. And now what happens
is that when someone fills out
this particular form, I will receive an email. So I can add an email
right here as well. So here you can see that I can go ahead and
send an email to the person who
fills out the form as well as an acknowledgment. So to do that, you can
go ahead and click it, and then you can see the
same format right here. You can see the
content right here just like this with
full name email. So let's say I'm going
to say information, information you filled out. Let's say, for example, I
want to go ahead and say it, then what happens is that
this will be filled out. Let me just go ahead
onto full screen so that I can edit
this up right here. And at the end, let's say, what I want to do is I want to thank that person for
filling up the form. So I'm just going to
go ahead and say, thank you, right here. So I'm just going to say
thank you right here. And then I'm going to say,
let's say, for example, please visit our breakfast
place for breakfast every day. Let's say, for example, here. And I'm going to say we truly truly precate your
feedback right here. So you can go ahead and type
in the messes accordingly. You can select these
out right here, and then you can go ahead
and center align it. Maybe you can select the
thank you message right here. And let's say, for
example, bold it, and you can go ahead and change around the size right
here, just like this. And then you can go ahead
right here and then let's say, for example, change the font
sizes like this as well. So this is what you have,
and then what happens is that when someone fills
out the form now, you will receive a
notification email, and then that person will receive a thank you
email right here. You can even see the recipients
here as you can see, you can see some advanced
options as well. For example, you can attach a particular file
to the email as well if you want to here
and really customize it. So I'm just going to keep it. I don't want to discard it right here, so this
is what I have. Let's save this email
and once I do that, you can see that the
notification email has been set up and the auto responder
email has been set up as well. So now you'll receive
notification, and the other person
will go ahead and will receive the
auto responder email. So as we move along
now in the next video, we're going to see
how we can actually publish the form and
then share it with others so that others can start filling out the
form as necessary.
10. Publishing and Sharing: Now that our form is ready, it's time to go ahead and
share this out with others. So to go ahead and do that, you need to go to the
Publish tab here. And once you do
that, you can see that share with
Link is an option. So let me just go ahead and
click on Open and New Tab. And once you do that,
what happens is that this is the form
that you have right here. So you can go ahead and fill it out and submit it Ora here. So let's just go ahead and select out the
important, let's say, for example, the
compulsory box rot here and submit it Ora here. And what I will
see is let's say, for example, a verification. So let's just go ahead and say, select the moving object
that's moving differently. So let's just go
ahead and select this one and this
one and verify, and then go ahead and submit
out the form rock here. Then I get the thank you
messages like this, as well. So that's one way
to go ahead and share the form by
using the share link. Apart from that, you can
invite through email, as well. Let's say, for example, you can go ahead and type in an email, and then you can go
ahead and say, please, fill out the form and
once you do that, and once you hit
the Send button, what happens is that
that person will receive a link to fill
out the form right here. So that is what you can do. So this is what you
have as you can see, and that is how you can simply
share this up with others. And apart from that,
you can see that this is just the
quick share option. Apart from that, you have
the embed option as well. So you can go ahead and get,
let's say, for example, an IFrame code if you
want to go ahead and keep within a
webpage as you want. There's Wordpress embed code
right here, as you can see, there's feedback button
here, as you can see, there's pop up code as
well as you can see, there's light box code. So there's different
STML codes that you can go ahead and customize
it out as you want, as well and copy the
code and post it. And apart from
that, you even have the source code right
here just like this. So you can even go ahead and post this out in
different platforms. You have options
for that as well. And you can even go ahead
and assign the form, which we actually already did. We can assign by email as well. And of course, there's
the share on email, and you can even schedule a reminder email right here as you want right
here, just like this. So apart from that,
you can even access out prefill and AI
eTens and so forth, but that is not what
we're going to focus. So these are basically
the options that you actually can share
with others with, and there are various
options, as you can see. And the quickest way, of course, is to share this link and
utilize the email option. So as we have built our
form and we learn how to publish it and share it right
here in the next video now, we're simply going
to go ahead and see how we can manage out responses.
11. Viewing Submissions: Over here you can see
that I have a form, and let's say I have
shared the form with others and they have filled
out the form as well. So now, in order to look
at their responses, you can simply go to
jot form, the homepage. And once you go around over
here onto the homepage, you can simply go
around over here onto, let's say, this particular form. You can go to more here. And then what you can do
is see different options, as you can see but
let me just go around over here
onto inbox here. And once you go to Inbox, what happens is that you can allow Jot Form
the notification. You can see like whatever
responses has been collected. For example, you can see the
response route here as well, and you can see the day
of the response as well. And you can even
individually export this out right here as a PDF file
as well or print it out. But I want all of
these together. So for that, you can
actually go around over here onto Jot Form and
from my workspace, go to M Form section. Here. And then from there on, you can go and see that
you have five submission. You can access the inbox
from over here as well, but what I want to do here
to get it in, let's say, for example, the same place, you can click on
five submissions. And once you do that, Jot Form
tables actually opens up, as you can see here,
just like this. Let's just go ahead
and close this, and you can see everything
now in a table format. What you can also do
now is go ahead on to download all and
download this out as a PDF, Excel or CSV file format. Let's just go ahead and
download it out as Excel. Let's say, for example,
and once you do that, an Excel file will be generated, and it will be
downloaded right here. So you can see that
it's downloading. So let's go ahead right here, download it out as Excel, and you can see that
there's the download. So if I were to go
ahead and open it out, it opens in Microsoft
Excel as you can see, then you can enable editing
as well, of course, and then you can see the
survey details right here, whatever information
has been filled as an Excel format that
you can easily see. So this is what you have, and now moving on further, we're going to go ahead
and see other options we have to go ahead and
manage out our job.
12. Creating Submssions PDF Details: So over here you
can see that I am under the MFM section here. And let's say what I want to
do now is I want to create PDF of my submissions so
that I can present it well. So to do that, you can
see that I'm already in the MFM section where
you can see your form. Now what you can do is
you can go to more here, and then you can see open
PDF Editor is an option. If you have not
already created a PDF, over here you'll see create PDF. Anyways, let me
just go ahead and click on Open PDF Editor. And once you do
that, you will see your submission data
as a PDF document. You can go ahead and
see that there are five submissions so you can
see that there's five pages. You can even go around over
here and add in a header. Let's say, for example, I'm
going to go ahead and say, my form responses right here. For breakfast,
please. Let's say, for example, right here. You can even go ahead
and then let's say, for example, format it. Let me just go ahead and
centerline it and click outside, and this is what you have. You can go back and forward
right here, just like this. You can even go ahead
right here and let's say, for example, make changes. Let's say, for example, you
can go around over here. You can see that this
is what you have. You can italicize
it, underline it, change around the
color right here, just like this, as you can see. So this is what you have,
and apart from that, you can see that you
can go ahead and add in lines and so
forth, right here, Jeans around, let's say, for example, the line break
right here, just like this. And this is what you have. So I can go ahead
and push this out. And then the other form
right here you can see that gets ans out
accordingly right here. Apart from that, you can
even go to PDF Designer and change around the design
to change around its look, as you can see here. So this is what you
have, as you can see, and let's say you want to
download this as a PDF now. So you can simply
go to Download and click on Download PDF R here, just like this,
and it'll process out a PDF for this
particular pace R here. So you just need to
go ahead and wait, and then what happens is
that you can see that the PDF file is
downloaded right here. So you can go around
onto individual and download it or you can
click on Download A. And once you do that,
what happens is that it'll create out a
JipFle and it'll send an email right here with the
JIF file as it completes. And when it completes, you'll receive an email like
this with the Zip file link, as you can see right here. You can go ahead and click, and then what happens is that it'll go ahead and
download it right here. If it doesn't, you can
simply go ahead and right click save this particular
link as right here, and then go ahead and
click on save right here, and then let me just
go ahead and keep. Then you can see the link right here with
all of the files. So you can go ahead and open it, and you'll be able
to see all of the form files right here just
like this, as you can see. So that is basically how
you can go ahead and create PDF out of submissions
that you have in job form. And by saying that, we have
completed our course on creating interactive
form with job Form. And now it's your turn to create out form just like this and then export out a table and
also export out PDF files. So in the next video, I'm going to tell
you exactly what you have to do for your project.
13. Project Description: Now that we have
completed learning how to create a survey
form using Jo Form, now it's time for you to apply everything you blend into
a practical project. So in this project,
you'll create a complete professional
survey form just like the one
you see right here. And you can follow along
with the lessons to build the same sort of
survey form as well. Just make a little changes, or you can choose
your own topic, which would be actually better, such as the topic can
be customer feedback, event registration, or product review the goal here is to
keep your skill into practice. And from adding
fields to structuring questions to designing and
customizing your form, you should be able to create
your own form by now. So as you build your form, make sure you include basic information fields
such as name, email, phone number that
is necessary and add a variety of survey
questions such as multiple choice questions and ratings as well and long text
responses just like this. It doesn't have to be
exactly the same field, but make sure that you use these fields to ask
different sort of questions. Sure to mark important
fields as well. So make sure that it
is marked as required. Some of the fields needs
to be marked as required. And then this actually
ensures you to collect complete and accurate
responses as needed. So take your time to
customize and design your form by adding
colors as we did as well, by changing out the
fonts as you like, by changing out the
layout as you like, to make it look clean
and professional. You can also add in a logo. So make sure to add in a logo
or a branding element as well to give your form a polish and a
personalized experience. Next, make sure you can figure your publishing settings
here, just like this. Make sure you
change this out and make sure you change out your submission
settings as well. So make sure you choose
a particular thank you message right here or you can
redirect to Apes as well. And then don't forget to set up email notifications as needs as well in the notification
section right here or in auto
response message. So both you and your
respondents stay informed. So once your form is completed, make sure to publish it out and test it by submitting
at least one response. And this will help you confirm that everything is
working correctly, including the fields
design and notification. So what you need to
deliver here for your project is share
the live form link, of course, and then make sure
you add in the screenshot of the form design as well from the design
overview section here. And the screenshot should show your form design
and the questions. And also make sure to
add in a screenshot of at least one submitted
response in the inbox view. And then make sure to submit
a PDF of the sample report. That is submitted as well. So that is what you have
to do for your project. So I can't wait to see
what you come up with. So all the best for it.
Pratik Pradhan, Digital Artist
