Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

After you log in into your Drupal site, hover over Structure and click Webforms:

Image Modified

Click the "+ Add webform"

Image Modified


Add a title for your new webform, the description is optional, then click Save:

Image Modified



You will see the following window, click the "+ Add element" button to start adding fields to your webform:

Image Modified

The "Select an element" window will pop up, let's start adding a "text field":

Image Modified



Add a title:
Image Modified



Scroll down and make this text field "required" by checking the checkbox as shown in the screenshot, then click Save:

Image Modified



Awesome! You have your first text field added, now click the "+ Add element" button to add a new field:

Image Modified



This time let's add an email field, this field makes sure that a valid email was entered when is "required":
Image Modified



Add a title:

Image Modified



Scroll down, make it "required" and click Save:

Image Modified



Let's add a "Radios" field, click the "+ Add element" button:

Image Modified



Use the top filter box to find the "Radios" field, click "Add element":

Image Modified



Add a title, make sure to select "Custom options" and type your option values:

Image Modified




These are the different options that can be used in a "Radios" field:

Image Modified



Scroll down and click Save:

Image Modified



Let's add a "Select" field, use the top filter box to find it, then click the "Add element" button:

Image Modified



Add a title, this time we will change the machine name to something simpler, click the "Edit" link next to the generated machine name:

Image Modified



Use a simpler machine name:

...

Click the "+ Add email" button to add an email which that will receive all the webform submissions:

...

(For testing purposes is better if you add your own UCCS email first to test the submissions, then you can modify the email when the webform is ready)



(Optional!) In the "Send fromReply To" section, under the "From email" label, select the "Email (email)" element from the dropdown. This email element will show the email from the user that fills the webform. When you reply to an email it will automatically populate the email from the user.

Image Added

Image Added



Note: The Send From "From email: must always be set to the default Site:mail option. If this is changed, your webform will not be able to send emails to the users on your Send To list.

Image AddedImage Removed




Scroll down and click Save:

...