How to Create Your First Web Form

June 22, 2022

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.

my-forms-basic-elements-min.png

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.

my-forms-long-text-element-min.png

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.

form-builder-new-email-notification-min.gif

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.

my-forms-publish-embed-min.png

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.

form-builder-publish-plantforms-min.png

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!

Was this guide helpful?
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:

  • Muhammad Majid
  • Zain Seo
  • Ismar Vicente
  • Deborah Anderson
  • Lena Golovach
  • Gabriella Ohnemus
  • Leo
  • Anthony
  • Ida CXS
  • caglayan
  • Fernand
  • JOHN PETER MBAHONGERIKI
  • Manish
  • vdubina145
  • emmanuelkamwagha649
  • laura.sola
  • evansomoke10
  • nlla31415
  • trodgers068
  • printerofflinehelpus
  • per.johansson196712
  • Richard Armogenia
  • DungSherlock
  • cillentalbert
  • cillentalbert
  • jitendraakk
  • 2saimcs
  • bicardo
  • jmackcounseling
  • lhao
  • Bilal
  • Sudip Samaddar
  • Greg
  • PatsySanders
  • AndyCarrillo
  • Durbin_Donna
  • wiegeringsurgery
  • jlspitzley
  • icricr
  • Claudia
  • Syed Rohit Deep
  • usama haruna gurel
  • Maribel Biton
  • Pam Wilder
  • whitegatepomsky
  • Theresa Lopez
  • BJoanna
  • D a
  • jstaylorart
  • afaijas
  • Nick
  • miranda123
  • adil468d
  • BluePearlsEnrichmentFoundationI
  • BluePearlsEnrichmentFoundationI
  • RU98Grad
  • Demi
  • thuylinhphan1604
  • Caahil
  • cathylund
  • katrinacubbins
  • louisjohna
  • Berenice Larbi
  • morphtvteam
  • Mike
  • embowen72
  • Chris
  • hamza123
  • subin_v_s
  • vmotazedi
  • NASSC
  • Aatif
  • Edward Passagi
  • cristathielen
  • Antony nzalalila
  • PRAMOD CH SARMA
  • Daribelle
  • SWMD
  • junaide
  • westfordacademy
  • Pratap singh
  • veryoldtimer
  • nauan
  • Almin Valyani
  • SUNNY
  • Buganim997
  • SAESSAS
  • rizqyanm
  • Sarit Hovav
  • rawat
  • Estefana perryman
  • Egene
  • kubra
  • naseer ahmed
  • Karinakar
  • Raiyed
  • azaPefe
  • azaPefe
  • Sivesh Sukumar
  • Jenai
  • Projonmo Bangladesh
  • cespal
  • ander90
  • CintaJannah
  • Jama
  • Stankiewicz
  • Jama
  • Payday#Loans
  • MEEK EMMY
  • ts9964
  • Shinnixstar
  • ajbanks
  • Priyanka25
  • berilokten
  • podevin
  • williamsreg
  • Pharmc714
  • SaveOASanimals
  • wsdacvirtualshow
  • shanlee
  • shanlee
  • MPPMe
  • nope
  • Dale
  • reigndark30
  • SyedAsad
  • clippingandroid
  • mgnn12
  • Creatix
  • Smithc467
  • gricheabderaouf
  • Terri Thomas
  • Mike
  • jhacker13
  • dvsang
  • chazzychaz
  • 1eric1
  • ali ay
  • sensacion
  • mav56
  • serafimlemos
  • Darkmaz
  • heatherwatsonross
  • HSCE
  • mktmultipliers
  • البدر
  • البدر
  • sfennell@nashchem.com
  • Alzbeta
  • bunkle
  • LizAraujo
  • rami_comonder11
  • tedkim
  • theevyfashioncloset
  • LeahRiddell
  • reverttoislam
  • mazedur
  • suratalfatehah
  • tarbawia
  • eddypurnomo
  • hindalaa
  • B M JAWAHAR
  • guest_23555721782054
  • drevil2010
  • aloak
  • guest_22903066478054
  • khanasoori
  • ADEL2
  • guest_22822740426046
  • karim84
  • sali1100
  • alikalid2012
  • cutebunny
  • ahmedhook1
  • ahmedhook1
  • ahmedhook1
  • amrbasha
  • tatnek
  • gamezerA
  • Prince7
  • afzal
  • GRUPO3
  • saleh000mz
  • micheal46
  • دیلان
  • mnemosyne300
  • netpersuasion
  • OUUC
  • majhool121
  • ahmedkhazali
  • mourad1983
  • YadReno
  • chivou
  • lawrayans
  • djilla
  • dmaico
  • Carien
  • ahmadahmad1990
  • kasemm
  • Jaydean lelliott
  • Weetsh2
  • sam17iq
  • Gabriel Palma
  • ilauy
  • brb147@hotmail.com
  • ahmedalmasry
  • facebookupup
  • siedsalh
  • atheer1
  • NOCOMMENT
  • cakir53
  • William Price
  • hasat1000
  • a7mm
  • aboday2j
  • Video Chat New
  • gregklassen
  • w
  • EdsonPP
  • fieta
  • pmtevez1014
  • corporatearmour
  • batur44
  • kosove
  • abhina
  • kirkiblp
  • Melissa
  • Sabrina
  • Sally-Ann
  • shmuelg
  • cmitra
  • ziggyan
  • y3ayi
  • nemilos
  • GlobalNetwork
  • AKCharlie
  • JotFormSupport
  • JuanDelatorre
  • Habbonautidas
  • simoesoli
  • zombie2001
  • MinowaVoiceovers
  • d2meyer
  • mviott
  • Riyadhcupcake
  • ammanutritions
  • hasanabdalla
  • jmi
  • lapaginadelu5dnc
  • JotFormSupport
  • Stav
  • Aparicio
  • Aparicio
  • Fida
  • JotFormSupport
  • weborization
  • mohsinzed
  • ricardoruizlopez
  • JotFormSupport
  • scawbyphoto
  • gtalesbians
  • nhstevents
  • JotFormSupport
  • Leonardo Peterson
  • ProfitStrategist
  • scammerdawako
  • aytekin
  • rexiedexie
  • Serafus
  • loveguruall
  • dennis  cuevas
  • Rebecca
  • Billal1992
  • dang31
  • mark
  • jtieman
  • blynnradio
  • aytekin
  • ALBERTOCORDOBAORTEGON
  • aytekin
  • Yonni
  • aytekin
  • Cebonis
  • aytekin
  • lisasway
  • suamox
  • aytekin
  • romacox
  • mickeyandfriends
  • croazia