First-time Jotform users often ask how to create a simple form, how to set up email notifications, how to embed a form on a website, how to test the form to see if it’s working, and how to view responses in your email and in Jotform Inbox. Got a tight schedule? Learn it all in two minutes with the video below.
Decide What To Ask
First, think about what kind of questions you want to ask your users. The best forms have higher conversion rates by keeping them short and simple. Many users will simply abandon a form if it has too many questions. So keep your forms as short and clear as possible.
State the Purpose in the Heading
You know why you’re creating this form, but visitors who land on your web page won’t know what your form does unless you tell them. Include a short heading, such as “Contact Us,” on your form. If it’s necessary, put additional information in the subheading.
Use Predefined Form Fields
Ask your visitors for their name and email address so you can keep track of your form submissions and follow up with visitors. Click Add Form Element on the left of the Form Builder. All of the standard form elements appear under the Basic tab.
Use a Long Text Element for Long Answers
A large comment box allows visitors to provide longer responses. Use the Long Text element under the Basic tab of the Form Elements section.
Set Up Email Notifications
With email notifications, you’ll receive an email every time someone completes your form. Click Settings at the top, Emails on the left, and the plus (+) icon to add a new email notification.
Since you’re creating an email that will come to you, select notification email. You can use the Autoresponder when you need to send a confirmation email to a user who submitted your form.
For a more in-depth discussion on email notifications, refer to our Setting Up Email Notifications guide.
Embed Your Form into a Website
Embedding your form into a website is crucial to continuously collect data. To get your embed codes, click Publish at the top, then Embed in the left navigation. Choose the embed option that suits you best.
There are also specific ways of embedding your form into other website builders and CMS platforms. If you’re using one, go to the Platforms menu instead and pick the one you’re using.
Copy and paste the codes into your website’s source code, usually within the body tag, and your form will be integrated once you save the changes in your editor.
If you’re not sure which one to choose, read our Which Form Embed Code Should I Use guide.
Test Your Form To See if It’s Working
Test your form on your live website to see that notifications are going to your email and your Jotform Inbox. If nothing comes through, go back and check that you set up your form and notification email correctly.
Congratulations on setting up your first form! Feel free to return to this guide anytime you get lost. Tell us about your experience in creating your first form in the comments section below!
Send Comment:
209 Comments:
Are you a first-time Jotform user wondering how to create a simple form, set up email notifications, embed a form on a website, test the form to ensure it’s working, and view responses in your email and Jotform Inbox? If you're on a tight schedule, you can learn all these in just two minutes by watching the DGME Login."
Where does the donated money go? How do we access and use it?
How to collect responses and export to Excel spreadsheet?
Please help me create this as I need this for my training
Great guide on how to create a web form! It's very helpful for beginners who are just starting out with Jotform. The step-by-step instructions are easy to follow and the screenshots make it even easier to understand.
I do have a few questions though. Can I customize the design of the form to match my website's branding? And is it possible to add conditional logic to the form, so that certain questions only appear based on the user's previous answers? Lastly, is there a limit to the number of responses I can receive through Jotform?
Overall, great job on the guide and I look forward to creating my first web form with Jotform!
That is the thing that I was searching for, what data is present here at this site, thank you, administrator
É possível fazer um formulário em forma de tabela?
That is the thing that I was searching for, what a data present here at this site, thank you administrator.
Hello there, how do I save my gift card after editing it?
Hej Jotform,
Går det att ändra texten/titeln som "fliken" i webläsaren visar när formuläret öppnas. Lyckades döpa fliken när jag skapade ett formulär från "scratch" men vill gärna veta hur jag gör om jag kopierar formuläret för att använda i ett liknande sammanhang men där titeln i webläsar-fliken hade behövt ändras.
Vänlig hälsning,
I like it that you've made starting easy.
thanks great article.
Hello, I am testing this comment field.
i hava big challange on how can i make password on my web form in order to make it puplic but for complet only without editing or looking to my inbox thankyou.
Thanks for the Useful Article about Create the first web form.
1. Decide what to ask
2. State the purpose in the heading
3. Use predefined form fields
4. Use a Long Text Entry field for long answers
5. Setting up Email Notifications With Email Notifications
6. Embed your form on a website
That's what I want
Hi, I just was testing and it seems that the Jotform account must be opened to have access to the embed form on a website? When I was logged, everything worked. But I left the session of Jotform and the form asked in the website for the login and password of JotForm.
I'm doing something wrong for sure..
im about to get the information
I don't understand. I do not have a website. I just want to send the survey to my group. How can I do it and get their response?
Thank you for this informative information about the utilization of your product. I have maybe not an uncommon question for your support team that I will submit after this comment, just wanted to say thank you to Chrisalet Vassell Inspiring Greatness for the gift and you and your team for the platform. Looking foward to the user experience. Happy new year everyone many blessings in all that we do.
Thank you for your info! just made a form on techfixya.com with the help of this info. Thanx
Completed my form. During my testing, it is not prompting me to "submit" the form once completed. Did I omit to do anything?
Appreciate your help!
i want to receive promotional information "jotform gold" in 2020
I want to create a web form please tell me how much does it cost
Can you create a form?
If am using form 7 in my website. Can I change this form 7 by jotform. What is the process to do it.
Thank you
how can we make it more beautiful like we do by using CSS and bootstrap? But in the case of WordPress how can we add different colors and heading colors etc..
When you have multiple fields for the same First Names, how can you link all to one field?
Hi -- I think there's an option to send you guys my current forms and have you put them into your format, correct?
If so, how much does that cost?
Thanks,
Jonathan Mack
Can we change the font color in "basic" field sections?
How much does it cost
Thanks. I have two questions.
1. If i change the email password will it stop sending new leads to my email id.
2. When it sends the leads to my email, will it also send me the url signifying from which the lead landed. This helps in talking to the leads.
How do I display an element in the form based on previous element form selection(dropdown or multiple choice)
How do I make a form field required?
how do i add a box with information only
Hello, I have embedded a fillable PDF form using the iframe code for an online course. I want the customer to be able to fill out the form and preview the completed form. How can I make the completed form visible?
Thank you,
Donna
How do I print the forms to place them online according to my medical practice?
What my form looks like in the builder is always different (and more messy) in the preview page. Why is it changing how my form looks?
how do I save an unfinished form that I am working on
Can you create a form, like with RSVP for only lets say 80 people?
I want to add a form filling for my website visitors.
This the reality of an imagination, it is a need it is a great help!
If you send a form & people are ordering items do they pay with their credit card?
I created a form and can pull it up, but there is no longer an option to edit it, or publish it. It's only appearing as a form for me to fill out as if I am the customer. How do I get this form to show up under "My forms" again?
I want to send the form via WhatsApp to a recipient to complete. LInk does not seem to work.
How to make a form with images
Like
photo
Then text box
Photo
Then text box
Photo
Then test box
ADDING PAYMENTS need how to instructions!
Great service, I use to create forms of varying complexity. Before that I used CF7 and then stepFORM.
Is there a way to change the font size to control how many pages we print? Also how do I insert page breaks for the printed copy?
Hi, I see the Next button for my form but not the Back button. I checked the visibility for the both and they both say visible for all pages where the buttons reside; the exception is the first page that does not have a Back button.
What do I need to do to make the Back button visible on the form?
Thank you for responding. This document was very helpful, however, I do not have the elements listed on the pdf editor. Am I doing something wrong? Should I create the application as a form and convert it somehow to a writable pdf? I am confused at this point of what and how to create our scholarship application. Help!
Thanks!
How do I add photos?
Hello I am looking to have users make customizable pdfs that I can sell as a digital download directly from my Wordpress site. Is this possible using Jotform? If so, what are the steps?
I followed the steps above and completed, thanks!
Very informative and nicely explained. saves up time.
Thanks for sharing
How do I find directions about the fillable pdf? I'm looking all over your site….
I have created and it says that it was saved, but when I copy the link, it brings up the template without the changes??? What am I doing wrong?
I followed the steps correctly! thank you
tukif
Hi. Thanks for the video. It's really clear. However I just needed a bit more clarification on what happens to the data when it is returned. I understand it goes to your jot form inbox, but can it be downloaded for eg to a CSV file?
Thank you very much for the nice share about Creating a web form which is pretty useful, I will also try to create one and put it on my website based on beetv movie app
Excellent article, it turns out to create a form now is really very simple. I used to use Contact Form 7 for Wordpress, after I tried the uCalc plugin, but now I decided to try something else and Jotform really liked its simplicity.
I’ve created my form and tested it. I’m not able to open the pic that was uploaded. I’m getting 404 error
We send letters to our clients. Can I build a form that asks for a client id, then fills out the client data (name, address etc.) from a DB or .csv file?
HELPED ME WITH MY HOMEWORK W3SCHOOLS RECCOMENNDED IT TO ME
How do I edit a form I created? The program will not let me open the form.
It says to test our form -- but how? By publishing it?
Can we set validation in fields..i.e for pincode it should have only 6 digit
i hope this will work on my site //
Can you use these forms internally without publishing to website?
sorry am new and a beginner of creating a website and i want to know how to create a good website
i want to pan update jotform
Hello good day.
If I create my first Web Form|Jotform how much the fees for a month?or its free?
thank you.
create more extensive form
wonderful jotform site i introduce my thanks for u
Hello,
I am in a new position here at Westford Academy and I am in charge of having the graduating class record their names. I know we used this wonderful system last year and it was a great success. I am a little overwhelmed in the direction I need to go first. Could you direct me to the correct section, or can we converse by phone? Whatever is easier for you.
Thank you and I look forward to hearing from you
thank you
nice information
nice post keep it up
I made the form/contact us tab, copied the code now have no idea where to put the code on my facebook page to make it work...
I created a small website. In contact details form the name field color (background of the field which is White) & color of the text typed(which is White) are same(both are white). I am unable to change text color to Black. Pls help me
hola , como uso el lector de codigos QR en un formulario?
why submit button not appear?
I need to create a credit card authorization form to embed into my website that is secured with an SSL certificate. I don't want the information to come to Jotform due to security. Is this possible?
dear sir when i submitted form . i see thank you page but did not see submission data
Creative piece . I loved the info , Does someone know where my company might get ahold of a sample WI WB-11 form to fill in ?
I would like customers to upload images on the check out page can I do this with jotforms? if so how? thanks
liz
Thanks for sharing this guide, it is very useful!
how to creat live audio streming website i need help can any give help me
What do I do after copying the code??
Is there any way to get get my form submissions uploading to a database as well as to my email?
Can I create a jotform that will take the user out to provide thier location via google maps pick & return the lat/long in its response?
How to Create gander tab on Registration Form?
Hi, I can't create a form with transparent ackground. Allways appear in white. And I can't change in anyone place, css...
What can I do, please?
Thank you very much
WAOUU!!! IT'S VERY GOOD. BUT I DON'T KNOW HOW TO AD THE PASS WORD OBJET
I need a form
I have created a form to ask people to click the areas that apply, but on the spreadsheet these cannot be filtered separately. what is the best way to add buttons to give each answer on a separate column?
Nice...i need link for creating it
Where is the video??
it's tricky, not as simple as it's shown
1. First of all you need to click log in.
2. Click on “create form”.
3. Choose blank form and click “create”.
4. Click on “tittle me” and edit it what you want (ex: My Form).
5. You can drag and drop the tools from toolbar to white area.
6. Finally click on “Auto save”
I already create Forms in my website on construction. I just want to know how quick and better it is if I use Jotform!
Everything moves so fast, can hardly follow the sequence. To be a useful tool the video needs to be a little slower. Drop the irritating music which I did by putting it on mute but voice narration would be a much better user experience.
is there a template for a letter writing campaign? e.g. that can be used to send letters to politicians?
Hope I can do it
when I click a link on my page to open the form (suppose to be in a lightbox), there is momentarily a lightbox and then the page is replaced with a full page form (no lightbox). Please help...
I was wondering how I can make the form (in a lightbox) open when clicking an html element/link on my page.
Right now the code I pasted in includes its own link that becomes added to my page, but I want to link the form to my own element.
Thanks in advance
Can you advise me if the data entered can be saved to Excel File
I dont want to use a javascript version of the form as my CMS strips out javascript. What are the alternatives?
Sir,
How to create facebook login page?
Hi! Someone in my Myspace group shared this website with us so I came to look it over. I'm definitely loving the information. I'm bookmarking and will be tweeting this to my followers! Great blog and terrific design and style.
How do I see all of the data all at once - a list of the info from the people who register?
Can you put an actually helpful video on this page? The current one is blurry and says nothing.
why i have to suspend? can i do wrong? :(
hi i like it, i live in viet nam niec too met you
I can't find the password button anymore
I wont a copy of all my forms
formu aynen yaptım fakat iletişim sayfasına yükleyemedim yardımcı olursanız sevinirim.BAŞARILAR DİLERİM
como quito la publicidad de jotform
How do you change background color in the "Contact Us" text box at top of form? It always shows as green with small white envelopes on the right side.
Thank you
Eu preciso usar os dados recebidos dos usuários, no meu sistema em joomla 2.5, com lá temos um bd mysql, como posso fazer isso.
Eu recebo o email, com todos os dados postados pelo,mas preciso utilizar estes dados em uma base de dados.
Um abraço Serafim Lemos
Hi,
Anyone know how to embed form onto a Google sites webpage?
Hello. I really want to be use your service to its full potential, however, I am having serious problems. I have installed the plug-in on WP and have gone to settings, It tells me I need an API key, having followed the link, it takes me to my control panel. however, I am unable to click on the API Key. also I want to become a registered user, but on sending the submit form on sign up, it just hangs, I have cleared cookies and cache and have tried 3 different browsers, all to no avail, please help.
Various autoresponder services (Aweber, GetResponse, etc) let you configure where to send the user after they hit the "submit" button on the form.
Can Jotform do that? (I've clicked around but couldn't find how / where to configure that sort of option.)
Thanks...
I created a form for my employees to send requests to me via Google Drive. It worked really well for a few days, but it disappeared from their Google Drive. Do I (as owner) have to be logged in for them to find the form? Where or why did it go?
I want to make form for hotel reservations.How do I connect the form (check in, check out date, No.of adults, No.of children, Submit buttons) with the availability calendar so after entering dates it shows availability?Thank you
Two questions.
1) What page does the users web browser go to after submission?
2) How do I control what the form's action *does*? That is to say, what if I *don't* want the form to simply send an e-mail of field values? What if I want the form to take the input from the field, calculate a body mass index (or a earnings investment yield, or anagrams of the user's last name, or anything that I wish to program)? How can I tie a jot form to a third-party developed program?
Vou começar a tentar criar um formulário agora mesmo!
and how te me change the url of my forum !!!
Every thing is fine except the position(location) of contact form on my web page. I noticed that the form I created is positioned on the center of my web page. Actually all my web pages are positioned in the left side. I'd like to move the form where i want it(position it to left side not center). Please help me.
I can't apply the once I click the the button of static HTML.the answer is *You do not admin any pages for which this application can be installed* please help me? :(
HI, I pasted the Embed form on my wordpress body and it actually shows the scripts not the form itself. How can that be fixed?
Hi, Relay hoard work but your teem
is do easily.Nice and Thanks for Growth my self confidence for create web site.
I am pray The God growth your teem work. Many many Thanks for Your teem.
PLEASE ,when i put the link ,in facebook , appear to me a message say ,,,unsafty link,,, what does it mean , help me
thank you in advance
Re: How to Create Your First Web Form
Tried to do it for the last hour and doesn't seem to work. Please help?
how can i add calender to adobe muse through jot form
hola hola, mi problema es que cree el formulario, pero no pude hacer que se vea en la web. pegue el código, pero no pasa nada, sera que me falto hacer algo??
Pls help me
how to paste form in facebook app?
Great program guys!!!
I created a form and later made some changes to it. When I get the embed code I still see the earlier version of the form. Is there something I need to do besides save the form to get the code for the updated version?
How can data in the form store to my mysql database on my host?
Is it possible to send my form to multiple email addresses? And if so, how do I do that?
I need to reactivate my old account. REF # :56317994 or start a new one using this same e-mail. How to?
i think its great
how can i add 2 emails....i have to mails, hotmail & gmail?
dose't work whhhhhhhhhhhhhy?
Elinize sağlık.
Hi there Jotform team,
I created my first jotform, put it on my "About Me" page as a contact form, and guess what? Yeah, it worked like a dream. many thanks. William.
I love this service. I built an extesive intake form for my business that a collegue would like to duplicate. Is there a way to copy over my form into a new account for them to use?
gostaria de fazer um formulario com confirmação de senhas vocês poden me ajudar mande um email com tutorial pra mim obrigado
A very good service. I have no words to describe in words, but simply experienced. My headache gone. I was roaming for quite few months as to what shall I do to create the forms for my website. I experienced frustration, but jotform is now with me.
hw to create the web site plz send the details to my e mail
how can i make the comment appear on my website, just like this one? this comment will appear at the bottom right?
Can I set an expiration of a survey?
I want to send the person who as filled in the form a confirmation link by email, which they must click to confirm their response and identity. Is that possible?
I made the form/contact us tab, copied the code now have no idea where to put the code on my facebook page to make it work... Help??
If I have a separate info@ ******
email address and want the emails sent to it, where do I put the email address?
looks to be good
I've already created a form but now everytime I go to my account and try to edit it I can not do it. The tools don't work, I can't even see my form and I had seen it and post it on my website before. I need to fix some things and I'm not able to do it because of the "not workin" issue. Help!
please can someone help me; when i recive an email from my form i always recive two emails for same form one from jotform one from sender
How do you specifically change the form field colors? The default white is to bright for my site.
Where do I create the link for the submit button on my form? So when someone click the submit button it takes them to a specific page.
1) Open your form in edit mode
2) On the top toolbar click on Setup & Embed
3) Click on Embed Form
4) Click on Source
5) You will see a text like:
You can also download a compressed and refined version with seperate .css and .js files from here.
You can download the full source code.
how can i save the template to my desktop
Hi. It's really easy to learn and I'm in the process of creating my first form. I'm looking everywhere, though, to see if you can extend the length of the short answer box. Is there a way to do that? I worry that if someone has a long name, and it doesn't fit, what will happen? So I wanted to add a few spaces for the contact info. part, where people leave their name...Thanks in advance for your help.
Michelle
When I receive the email it does not include the information from the webiste and displays {name5} etc. instead.
I have created my form and tested it and worked fine. However i want to use the source to embed within facebook FMBL page how do i do that. i tried the copy the source and paste that resulted in a title but with no contents.
hi ,
siple amazinging product to create your leadform.
I create an form, but it does not send a Details When I click on the Send button
He creado un formulario y lo he puesto en mi página web, ahora cuando un usuario lo rellena y lo envía, ¿cómo llega a mi correo? si al crear el mismo no veo la forma de ingresarlo. Gracias por vuestra ayuda.
Share form is changed to Embed Form. The icon is same however.
I know this is stupid, but i cant find the "share form" button
504 Gateway Time-out, me da este error,
Que puedo hacer...
Al enviar un mensaje, la pagina dice que excede el tiempo y no manda el correo
wow this is soo easy and it does work.. very nice
thank you :)
1) Open your form in edit mode.
2) On the top Click on orange bar where "untitled form" is written
3) You can change the name of the form.
Right now my form is called "untitled form" - how do I save it as a name that means something to me?
en mi correo electronico aparece una notificacion pero no aparece las datos de la persona que ingresa a mi formulario
when you open embed wizard you can see the link of your form and use it as you like.
Can I use this form on "Office Live"
and how do I insert the completed form into my web page.
Can I PLEASE have a simple reply for a simple person.
I'd like to know the answer to that too.
Hi - This is a great solution.
If we don't want to embed the code into our page can we just link to the form we have created?
1. Open your form in edit mode
2. Right click on a form element and shrink it.
3. You can put shrunk elements near each other.
Olá,sou do BRAZIL,gostei muito do seu site,PARABÉNS mesmo!!
Mas é que eu gostaria de saber sobre esse espaço que temos,estou usando o serviço gratis.Tenho duvida quanto espaço.Os 10 megas que temos,é para uploads??
Acho que vou comprar uma conta paga,a mais barata em REAIS quanto fica??
ABRAÇOS!!!
I also can't figure out how to put more than one text box on the same line. I see you used a CSMTA example for another issue, but their's is how I want mine. How is this done?
rexiedexie: To change recipient email address on a form, open your form on the Form Builder and then:
1. Click on "Setup and Share" tab,
2. Click on "Email Alerts",
3. Select "Notification",
4. Click on "Reply-to and Recipient Settings",
5. Change "Recipient E-mail" on the lower right side.
ON MY EXISTING FIRST FORM >>>>
HOW DO I CHANGE THE EMAIL ADDRESS WHERE I WAN THE FORM SENT????
How can put two Text Boxes on same line.
Thanks!
hi it is very good.
Hi,
Could you insert a tables, like those in Excel format on these forms?
i was trying your generator, but i can't see any command to insert tables
Hope to hear your from you soon
thanks!!
Hi, I created a form but now I can't paste it into my FDML tab. What do I need to do?
help me to creat my form
i love it
I created a form, but it's not showing anything for the "form Name" under my forms tab. It just has a star. I tried creating oother forms and the Header becomes the form name. I tried to clone the "unnamed form" and the cloned form comes up with the name of "Clone of" . How do I rename a form?
Hey guys, went to add this to a facebook tab using FMBL and can't get it to actually show (visibly). Any idea?
ALBERTOCORDOBAORTEGON:
Here is how you can receive emails in plain text. Open your form on the Form Builder and then:
1. Click on "Setup and Share" tab,
2. Click on "Email Alerts",
3. Select "Notification",
4. Click on "Convert to Text Mode",
5. Finish and save your form.
Please post these kinds of questions on the Support Forum. That's more suitable for help.
Sirs: thank you very much for your services I'm testing your product and I think it's great, excellent the best I've seen, I have a small problem and I want to see if I can help my web mails go to my mail in HTML do not know why is but I would like to help me tell me I have to do to normalize the situation.
Yinno: Fixed. When that happens simply change the theme, and change it back, then save your form. That usually solves this problem.
Please post these kinds of questions on the forum instead.
While creating my first form, I selected your "Denim Jeans" theme. However, after posting the URL link ( <a target='_blank' href="https://www.jotform.com/form/2775518783" >https://www.jotform.com/form/2775518783</a> ) to my website, the denim no longer appears on the form. Any suggestions on how to post the form so that the theme still appears? Thanks in advance.
Please post your question on the support forum or email us. Thanks.
Hi,
I have a "contact form" on my iweb site that is hosted by go daddy, it looks great but when i did a test it said that email address is incorrect. I double checked this and it is not???
Hope you can help.
Jil.
suamox: Click on "Share Form" button on the form builder toolbar to get the form code to copy to your web site.
lisasway: Can you post the details of your problem on the support forum? So that we can help you further. If you cannot login please make sure that cookies on your browser is enabled.
Lisa Hysell
Login
The site won't let me do the most simplest of tasks and log in! Why? This is my first time logging into the site, I am dissipointed already!
Buenos dias
Soy principiante. En que parte de mi pagina pego el codigo ?
Gracias
croazia: To change email address for a form:
1. Open the form on the form editor
2. Click on "Setup & Share" tab on the top toolbar
3. Click on "Email Alerts"
4. Click on "Notifications"
5. Click "Reply-to and Recipient Settings"
6. Change the email address on the lower bottom corner.
romacox: Please post this question on the forum, so we can help you with this.
I created the free form, and tried to upload it to my file manager in Go Daddy. It will not upload with the form on it. Please advise
great!
I used Jotform Forms in my Shopify store...
As you change the email, I do not understand how to put the mail where they get the form