« Back to the Table of Contents
Webforms are a special type of content that allow you to collect information from your site visitors. This could be anything from a contact form, to event registration forms, to forms that enable patrons to suggest programming. Submissions are stored on the site and can be accessed in table view, downloaded to a spreadsheet, or emailed upon submission to a designated address.
Sample webform content
The following are examples of webform content:
You must first create a webform page by going to Content > Add content > Webform (at node/add/webform), fill out the fields and then save. Then create the webform that goes on that page by going to Structure > Webforms.
Adding a webform (page)
First create a webform page by going to Content > Add content > Webform.
The Title field is the only required field for webforms. The title will be displayed at the top of the page when it is viewed and will have semantic markup as Heading Level 1, which is important for search engines and screen readers.
Leave the Body field empty.
The Description field is for a description of the form. Many different formatting options are available, including adding images into the body content.
Remember to save!
Any content you create is temporary until you press the Save button at the bottom of the create content form.
You may also want to add content to the navigation menu or configure different publishing options before you save.
Create the webform
Now the webform must be created. Go to Structure > Webforms. Click on +Add webform button to create a new webform. The Title field is the name of the webform and the only field that needs to be filled in. Leave the Administrative description blank. Select a Category (if needed) and under Status, make sure "Open" is selected. Click on Save.
Now you are ready to build your webform. Click on the +Add Element button to start adding elements to the webform. There are many options available under each category. For example under Basic Elements, there is Checkbox, Hidden, Text Area and Text field. Rollover the ? to get some helpful info about each option.
Once you are finished created your webform, click on the Save elements button at the bottom.
