How to Create Your First Web Form

February 29, 2024

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 email and Jotform Inbox.

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. Select Add Form Element in the upper-left corner of the Form Builder, all of the standard form elements appear under the Basic tab.

Steps to access form fields in the Form Builder

See Quick Overview of Form Elements for more information.

Use a Long Text Element for Long Answers

A large comment box allows form fillers to provide longer responses. Use the Long Text element under the Basic tab of Form Elements.

long text field

Set Up Email Alerts

With email alerts, you’ll receive an email every time someone completes your form. To create an email alert, go to Settings at the top, then select Emails on the left. If you’re creating an email that will come to you, select Notification. You can use Autoresponder when you need to send a confirmation email to a user who submitted your form.

See Setting Up Email Notifications to learn more.

Embed Your Form Into a Website

Embedding your form into a website is crucial to continuously collect data. To get your embed codes, go to Publish at the top, then select Embed on the left. Choose the embed option that suits you best.

Steps to get the embed codes in Jotform Form Builder

There are also specific ways of embedding your form into other website builders and CMS platforms. If you’re using one, go to Publish, then select Platforms in the left navigation.

Steps to access platform embed codes

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.

See Which Form Embed Code Should You Use for more information.

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.

Academy Logo

Introduction to Form Building

Welcome to Introduction to Form Building

Go to course :Welcome to Introduction to Form Building
lesson-2 - image
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Al Gallacher - Profile picture
  • Idona Griffithq - Profile picture
  • Vibha Patel - Profile picture
  • Jennifer Solomons  - Profile picture
  • Ezoie Tellly - Profile picture
  • Ismar Vicente - Profile picture
  • Deborah Anderson - Profile picture
  • Gabriella Ohnemus - Profile picture
  • Leo - Profile picture
  • Ida CXS - Profile picture
  • caglayan - Profile picture
  • Fernand - Profile picture
  • JOHN PETER MBAHONGERIKI - Profile picture
  • Manish - Profile picture
  • vdubina145 - Profile picture
  • emmanuelkamwagha649 - Profile picture
  • laura.sola - Profile picture
  • evansomoke10 - Profile picture
  • nlla31415 - Profile picture
  • trodgers068 - Profile picture
  • printerofflinehelpus - Profile picture
  • Richard Armogenia - Profile picture
  • DungSherlock - Profile picture
  • cillentalbert - Profile picture
  • cillentalbert - Profile picture
  • jitendraakk - Profile picture
  • 2saimcs - Profile picture
  • bicardo - Profile picture
  • jmackcounseling - Profile picture
  • lhao - Profile picture
  • Bilal  - Profile picture
  • Sudip Samaddar - Profile picture
  • Greg - Profile picture
  • PatsySanders - Profile picture
  • AndyCarrillo - Profile picture
  • Durbin_Donna - Profile picture
  • wiegeringsurgery - Profile picture
  • jlspitzley - Profile picture
  • icricr - Profile picture
  • Claudia - Profile picture
  • Syed Rohit Deep - Profile picture
  • Maribel Biton - Profile picture
  • Pam Wilder - Profile picture
  • whitegatepomsky - Profile picture
  • Theresa Lopez - Profile picture
  • D a - Profile picture
  • jstaylorart - Profile picture
  • Nick - Profile picture
  • miranda123 - Profile picture
  • BluePearlsEnrichmentFoundationI - Profile picture
  • BluePearlsEnrichmentFoundationI - Profile picture
  • RU98Grad - Profile picture
  • Demi - Profile picture
  • thuylinhphan1604 - Profile picture
  • Caahil - Profile picture
  • cathylund - Profile picture
  • katrinacubbins - Profile picture
  • louisjohna - Profile picture
  • Berenice Larbi - Profile picture
  • morphtvteam - Profile picture
  • Mike - Profile picture
  • embowen72 - Profile picture
  • Chris - Profile picture
  • hamza123 - Profile picture
  • vmotazedi - Profile picture
  • NASSC - Profile picture
  • Aatif - Profile picture
  • Edward Passagi - Profile picture
  • cristathielen - Profile picture
  • Antony nzalalila - Profile picture
  • PRAMOD CH SARMA - Profile picture
  • Daribelle - Profile picture
  • SWMD - Profile picture
  • junaide - Profile picture
  • westfordacademy - Profile picture
  • Pratap singh - Profile picture
  • nauan - Profile picture
  • Almin Valyani - Profile picture
  • SUNNY - Profile picture
  • SAESSAS - Profile picture
  • rizqyanm - Profile picture
  • Sarit Hovav - Profile picture
  • rawat - Profile picture
  • Estefana perryman - Profile picture
  • Egene - Profile picture
  • kubra - Profile picture
  • naseer ahmed  - Profile picture
  • Raiyed - Profile picture
  • Sivesh Sukumar - Profile picture
  • Jenai  - Profile picture
  • Projonmo Bangladesh - Profile picture
  • cespal - Profile picture
  • ander90 - Profile picture
  • MEEK EMMY  - Profile picture
  • ts9964 - Profile picture
  • Shinnixstar - Profile picture
  • ajbanks - Profile picture
  • Priyanka25 - Profile picture
  • berilokten - Profile picture
  • podevin - Profile picture
  • williamsreg - Profile picture
  • SaveOASanimals - Profile picture
  • wsdacvirtualshow - Profile picture
  • shanlee - Profile picture
  • shanlee - Profile picture
  • MPPMe - Profile picture
  • Dale - Profile picture
  • SyedAsad - Profile picture
  • Smithc467 - Profile picture
  • Terri Thomas - Profile picture
  • Mike - Profile picture
  • jhacker13 - Profile picture
  • dvsang - Profile picture
  • chazzychaz - Profile picture
  • 1eric1 - Profile picture
  • ali ay - Profile picture
  • sensacion - Profile picture
  • mav56 - Profile picture
  • serafimlemos - Profile picture
  • heatherwatsonross - Profile picture
  • HSCE - Profile picture
  • mktmultipliers - Profile picture
  • sfennell@nashchem.com - Profile picture
  • Alzbeta - Profile picture
  • bunkle - Profile picture
  • LizAraujo - Profile picture
  • rami_comonder11 - Profile picture
  • tedkim - Profile picture
  • theevyfashioncloset - Profile picture
  • LeahRiddell - Profile picture
  • B M JAWAHAR - Profile picture
  • ADEL2 - Profile picture
  • sali1100 - Profile picture
  • Prince7 - Profile picture
  • afzal - Profile picture
  • GRUPO3 - Profile picture
  • micheal46 - Profile picture
  • دیلان - Profile picture
  • netpersuasion - Profile picture
  • OUUC - Profile picture
  • dmaico - Profile picture
  • Carien - Profile picture
  • Jaydean lelliott - Profile picture
  • sam17iq - Profile picture
  • Gabriel Palma - Profile picture
  • NOCOMMENT - Profile picture
  • cakir53 - Profile picture
  • William Price - Profile picture
  • gregklassen - Profile picture
  • EdsonPP - Profile picture
  • corporatearmour - Profile picture
  • abhina - Profile picture
  • kirkiblp - Profile picture
  • Melissa - Profile picture
  • Sabrina - Profile picture
  • Sally-Ann - Profile picture
  • shmuelg - Profile picture
  • cmitra - Profile picture
  • ziggyan - Profile picture
  • nemilos - Profile picture
  • GlobalNetwork - Profile picture
  • AKCharlie - Profile picture
  • JotFormSupport - Profile picture
  • JuanDelatorre - Profile picture
  • MinowaVoiceovers - Profile picture
  • d2meyer - Profile picture
  • Riyadhcupcake - Profile picture
  • ammanutritions - Profile picture
  • hasanabdalla - Profile picture
  • lapaginadelu5dnc - Profile picture
  • JotFormSupport - Profile picture
  • Stav - Profile picture
  • Aparicio - Profile picture
  • Aparicio - Profile picture
  • Fida - Profile picture
  • JotFormSupport - Profile picture
  • weborization - Profile picture
  • ricardoruizlopez - Profile picture
  • JotFormSupport - Profile picture
  • scawbyphoto - Profile picture
  • gtalesbians - Profile picture
  • nhstevents - Profile picture
  • JotFormSupport - Profile picture
  • Leonardo Peterson - Profile picture
  • ProfitStrategist - Profile picture
  • aytekin - Profile picture
  • rexiedexie - Profile picture
  • Serafus - Profile picture
  • loveguruall - Profile picture
  • dennis  cuevas - Profile picture
  • Rebecca - Profile picture
  • dang31 - Profile picture
  • mark - Profile picture
  • jtieman - Profile picture
  • blynnradio - Profile picture
  • aytekin - Profile picture
  • ALBERTOCORDOBAORTEGON - Profile picture
  • aytekin - Profile picture
  • Yonni - Profile picture
  • aytekin - Profile picture
  • Cebonis - Profile picture
  • aytekin - Profile picture
  • lisasway - Profile picture
  • suamox - Profile picture
  • aytekin - Profile picture
  • romacox - Profile picture
  • mickeyandfriends - Profile picture
  • croazia - Profile picture