| PDF Version |
Description
Page type for creating a webform.
UCCS Webform 2017 Page Features
- Gather information from web page users
- Gather web page users comments / feedback
- Gather web page users registration information for an event
- Gather web page users answers from a survey
Sample Page (click to view sample page)
Part 1: Create the Form Structure / Setup Fields / Access
Select Structure from the top menu
Select Webforms
Create form name
Create Administrative description for the form
Create Form Fields
Click form name click Build
Or click Build to the right of 2. Webforms
For this example, we will add the fields for the UCCS Heller Center, name (text-box), email name (text-box), phone number name (text-box), Address name (text-box), City name (text-box), State name (text-box), Zip name (text-box), UCCS Alumni (Checkbox)
Click Add Element to begin adding the fields to the form
Add Textfield 1 (name)
Click Add Element on the right side of the text field bar
Fill in the Field Information to create the field.
Click save to save the field to the form.
Repeat the steps above to create the other text fields in the form
Create a check box
Create a Text Area field
Specify an email handler
To: Enter primary email recipent
CC: Enter CC email user
BCC: Enter BCC email user
Add Multiple users and separate by commas
Save Handler
Box shows all email handlers
Part 2: Create the Web Form Page
Hover over Content and add content at the top-left of the screen. Click on UCCS Web Form 2017
Enter title of Form (Heller Center Join our Mailing List example)
Body
Add and format Body content. I this example an image is added before the content
Add WebForm
Add Webform through pulldown menu
Web Form Setting
Select Status
Open:
Open - Form is open and availabe for form submissions
Closed:
Closed - Form is closed and can be reopened at a different date or time.
Scheduled:
Schedule - Set date and time that the form will be active and allowing submissions.
Add Tokens: Default submission data (YAML)
Copy token into the box below (example HTML Date format uner the Current Date Tokens)
In this example the current date is added to the form submission. It appears in the html format "2017-09-29"
Additional Content: Add and format (Text that goes below the form such as contact information or additional instructions)
Step 3: Preview, Save and Publish, Delete
Preview
Save and Publish
Delete File
