Creating a Webform

Navigate to the Forms dashboard via the website's dashboard.


Webform Dashboard - Form tab and Add form highlighted

Add a new Webform by clicking "Add Webform" button.


Webform creation - initial setup modal

It is required to give your Webform a title. Make the title descriptive if you are not adding a description, for example include the Faculty/Department/Unit/Organisation/Society name or the name of website it will be used on/for. e.g. HR contact us form, Faculty of Health Sciences Annual Open Lecture 2023 registration.

  • Provide a Description of your Webform and ,if possible, add the website's URL or the page's URL it will be used on.
  • Choose or create a Category(optional). To create a new Category, select "Other"(bottom of list) and add your Category to the text box that appears.

Click Save, once complete to finalize your Webform creation(these settings can be changed later on).

Editing Webform

On the Form dashboard, find the Own forms section to view the list of Webforms you've created or have access to.

Webform filtering options
This list can be filtered, using the filter above the list, by text in the Title and description and/or by Category.


Find the specific Webform and click Build to editing the Webform's elements.

Webform listing


Building a Webform

The basic building blocks of a Webform are elements. Elements are the fields the end user fills in, like text fields, email address and file upload fields, they are the form's fields.

Let's walk through adding some elements to create a simple form with Name, Last name, Email address, Textarea (comments) and a File element to upload a file.

Click the Add element button at the top of the Webform build page to add an element.

Webform add element


Find the Text field element within the list of elements that appear (scroll to reveal more elements or filter by element name) and click Add element button

Webform element list


Before the element can get added a few options on the element need to set: Title (mandatory), this is the element's label.
If the field needs to be required, enable this on the element under Form validation(bottom of section), for the demonstration I will enable it.

Webform Text field

Then click the Save button to save the changes and add the element.

 Duplicating an element.: Since the "Name" element is a text field and "Last name" will be one as well, we can duplicate it and edit the Title to "Last name".

Duplicate element

Set the Title to "Last name" and click Save.

Duplicated element


Now we'll added an Email element and Textarea element, and set both to required.

Webform building email and text fields

Lasting we'll added the File element, titling it "Document", so users can upload a file. We'll set the maximum file size allowed to 5mb and not set it as required.

File field maximum size
File field not required


Save all changes to the Webform's elements, by clicking the Save elements.

Webform save element

Adding to a page

Use the Webform component to add your webform to a specific page.

Component list

Select your webform from the drop-down select within the component and save your changes to page.

Webform component


Below is the webform we've put together.

One file only.
5 MB limit.
Allowed types: gif, jpg, jpeg, png, bmp, eps, tif, pict, psd, txt, rtf, html, odf, pdf, doc, docx, ppt, pptx, xls, xlsx, xml, avi, mov, mp3, mp4, ogg, wav, bz2, dmg, gz, jar, rar, sit, svg, tar, zip.