Browse Article by Topicscreate web form create online form create form
Related Forum Questions
- Can forms be read easily from an iPad?
- Create/Clone a form
- Google Map not appearing in Form?
- Are we allowed to use forms for company purposes?
- How to setup a 3 column layout on my jotform?
- Feature Request: Edit form conditions via the api
- Form designer: How to reset / restore default css code and discard all previous changes.
- Account upgrade inquiry
- How can I collect an online signature on a jotform?
- Using a different Paypal account to forms
How to Create Your First Web FormLast Update: June 30, 2014
You'll learn how to create a simple web form, set up notifications, embed a form to a website, test the form to see if it's 100% working, and see responses both in your email and JotForm inbox. Learn it all in 2 minutes with the video below.
About the text in your form:
1. Decide what to ask first
First of all, think about what kind of questions you want to ask to our visitors. The best web forms maintain higher conversion rates by keeping it short & simple. Many users will simply abandon a form if it has too many questions. So keep your web forms as short & clear as possible!
Put additional info in the sub-heading.
2. State the purpose in the heading
Although you know why you're creating this web form, a confused visitor might land on the web page without knowing what your form does. Put a short heading such as "Contact Us" to your form.
3. Use predefined quick tools for common fields (name, email, address etc.)
Next, ask the visitor for his or her name & email address. Simply click on the "Quick Tools" menu and add the name & email fields.
4. Use a text area for long answers (comments, description etc.)
A large comment box allows visitors to provide longer responses. Click on "Text Area" on the left "Form Tools" menu to add a new text area.
5. Setting up email notifications
With our email notifications, you’ll receive an alert in your inbox every time someone completes your form. Use the top toolbar to setup a new email notification. Click on the "Setup & Share" tab on the toolbar.
Then click the "Email Alerts" button and then select "Add New Email".
The "Email Wizard" will launch. Since you're creating an email that'll come to you, select "Notifier". The "Autoresponder" option is useful when you need to send a confirmation email to a user who submits the form.
The second page of the "Email Wizard" will ask you to your email address. Enter your email address to the bottom right corner of the envelope get email notifications.
The third and last page of the "Email Wizard” will ask you to enter the subject and message for the email you will receive. You can leave it as it is since it already contains all of the questions on the form. Adding the "Name" to the subject as shown below might be a good idea. That will make it easier for you to find an email notification easily on your email account.
Click "Finish" to complete and save your new email notification.
6. Embed your form to a web site
Integrating your form in a web site is crucial for collecting data continuously.
Click on "Embed Form" button on the top toolbar.
Copy & paste this code into your website, usually within the body tags, and your form will be integrated the moment you save the changes in your editor.
7. Test your web form & see it working
Test your form on your live web site to see that you're getting notifications to your email and your JotForm inbox. If anything doesn't come through, come back and check your steps correctly.
Congratulations on setting up your first web form! Return to this article anytime if you get lost. Tell us about your experience in creating your first web form in the comments section below!