Exercise 11.1 - Create a basic Webform

In this exercise you will create a simple website feedback form. Before we can create a Webform page and attach a webform entity to it, the entity must exist. Let’s create our first webform entity.

1. Click on Structure on the Admin menu then hover over Webforms and click on Forms.

   

   Accessing webforms from the admin menu
2. Click on the +Add webform button at the top left of the page.

3. Add a Title, for example "Simple Feedback Form".

4. Add some text to the Administrative description field (optional).

5. Set the Status of the Webform to be as 'Open' using the radio buttons.

6. Click the Save. button.

   

   Filling out webform creation fields
7. You’ll be redirected to the webform building interface (the Build tab is active), so you can add elements (fields) to your webform, configure various conditions and much more.

   

   Webform Build tab
8. Click the Add element button, find the Text field element in the Basic elements section, then click on the Add Element button to add a Text field element for the Feedback field.

   
9. Add text to the the Title field as shown in the screenshot below.

   
10. Note the other tabs that allow you to configure the field - Conditions, Advanced and Access. Explore those tabs but do not modify anything yet.

11. Click the Save button.

12. Click on the Save elements button at the bottom left of the page.

    
13. Click the View tab to review your webform. It should look similar to the below screenshot.

    

    The Feedback form so far

14. Try adding some more form fields for practice.

---

Note If you moved away from your webform at any point during the exercise, use the Admin menu to return to the form via Structure → Webforms → [select the webform from the list].