Brigham Young University Homepage

Creating a Webform

The Webform allows you to create your own forms for people to fill out information and submit it to your email address (submitted data is also stored in a database).  To create a Webform go to Content management > Create Content > Webform

webform 
Content Management > Create Content > Webform

You will be taken to the Create Webform Page, first you will be asked to insert a Title, Description, and Confirmation Message

Title:
For the Title put the name of the form, examples (Leadership Application, Contact Us, Contact SoandSo, etc.. you can have it be whatever you want.

Description:
This can provide further information about the form, it's optional

Confirmation Message:
Drupal has built in automatic error checking so anything you type in here will be on a successful Form submission, you can put stuff like, Thank you for your submission, or provide more information for the user.

createwebform 
An example of setting up a web form
*Tip Advanced* You can put HTML or PHP code directly into the text areas

In the Webform Access control in most cases you will want to leave both areas checked.

leavechecked  In most cases you will want to leave both checked

IMPORTANT: If there is another user role ‘such as Administrator’ Check that as well

Next you will see the E-Mail to address, put the email of the person who you want to recieve notification of new forms being submitted.

The other things you can usually leave at default, (the Email from address can be changed later so that you can reply to the person who submitted the form).

mailsettings Some of this can be changed later but for now, leave it as is

Adding Components

Now click on Save and it will create the Webform and take you to the Component Adding page:

components 
This is an example of the Form Components Page

Alright so let's start with something simple, lets start with asking the person for their name.  Type in First and Last name for the Component Name leave the type as textfield Make it Mandatory, and leave the email box checked then click Add.

firstlast 
Inserting a First and Last Name Component

After you click add you will be able to add further optional details about the Component. Like below:

editcomponent
Adding Details to a Component

After you are done, click on Submit.

It will save that component.

Now you can go on and add an Email component to capture the persons Email address:  Make sure you change the Type to email so Drupal can automatically detect if the person has entered a valid email address.  And make it mandatory.  Click Add Once again, and you can customize the Email address even further.

Everything else after that should be pretty straight forward, here is a break down of the different types you will probably use:

Textfield: A simple textbox where people can put stuff like Name, Phone Number, or any data
Email: An email address
Textarea: A big Textbox where people can type a message, leave feedback, make comments etc..
File: People can upload a file (Word Document, PDF, Picture of themselves, Picture of their house, etc..)

Once you add in all your components click on Submit. If you want to see what your form will look like to your users click on View.

I'm adding examples of each of the different types to the form I'm creating for the tutorial, If you want to see what the Tutorials form looks like go here:

http://clsupport.byu.edu/content/tell-me-everything (form temporarily not working. To see an example form, go here: http://clsupport.byu.edu/contact

*Advanced Tip* - If you want to be able to reply automatically to the person who sent the form Edit the Form and in the Configuration area where it says Email From address change it to the Email component.

Website Maintained by Student Life Web Consulting | Copyright 2009, All Rights Reserved XHTML CSS 508