In this example, we’ll start off with a very simple newsletter signup form and then later we’ll add more complex elements. We’ll initially create two elements – first name and email address. One way to do this would be to duplicate the existing Contact form by clicking on the down arrow on the Operations button and then selecting Duplicate. We could then edit the form. The other way is to create the form from scratch and we’ll show you how to do that here.
- Click on the Add webform button.
- Enter a Title.
- Example: “Newsletter Sign-up" or some other appropriate description to fit the purpose of your form.
- Choose a Category (optional).
- If you plan to have a lot of forms then adding categories can be useful.
- We’ll add a Newsletter category by selecting the “Other…” option.
- Select the Status to be Open if you are ready to accept submissions. Otherwise, select Closed.
- Click Save to create the form.
Image Removed
After saving, you will be redirected to the Build screen. Here, you can start adding elements to the form.
- The captcha element is automatically placed on your form.
- Click the Add element button.
- Use the Filter by element name box at the top to find "Text field”.
- Click on Add element next to that field.
Image Removed
- Click on the View tab to see the form.
Image Removed
There are several ways to customize each field, or you may choose to leave the default settings for the form.
- To change the Submit button text:
- Click the Edit tab.
- To the right of Submit button(s), click Customize.
- Enter Signup under “Submit button label”.
- Click Save.
- To make a field required:
- Select the checkbox under the Required column for both the First name and Email fields.
- Click Save elements.
Note: When using a customized submit button you can adjust the position of it relative to other elements.
Image Removed
Image Removed
When you select the View tab, you will see that both fields are Required and the Submit button is labelled Signup.
7 - Required fields and customized button.Image Removed
- Either manually fill out the form and Submit.
- You can also use the Test tab to generate data.
- Fill out the newsletter a few times
- Click on the Results tab.
- Click on the Customize button to change the columns shown if necessary.
- You can mark particular submissions with a Star or Lock or Add Administrative Notes.
- Select the Edit button next to each submission to Edit, View, Clone, Duplicate, or Delete submissions.
- The Download sub-tab allows you to export the submissions in a variety of ways.
- You can filter based on date or submission ID, so you don’t need to download all the data at once if it's not necessary.
Image Removed
Image Removed
While the Results tab allows you to review submissions, it can also be useful for results to be emailed once submitted.
- Select the Settings tab at the top of the webform.
- Click on the Emails / Handlers sub-tab.
- Select Add email.
- In the Send to section, enter the email address of the person (or mailbox) that will receive the results. In the Send from section, use the default settings for now. This will use the email address and name that are configured for the site (administrative toolbar – Configuration, “Basic site settings”).
- The email that’s sent can be customized in the Message section if required but we’ll just stick with the default message.
- Click Save to create the email handler.
Image RemovedRelated articles
Filter by label (Content by label) |
---|
showLabels | false |
---|
max | 5 |
---|
spaces | SUP |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
type | page |
---|
cql | label in ( "kb-how-to-article" , "platform" , "webform" ) and type = "page" and space = "TRAIN" |
---|
labels | alerts kb-how-to-article knowledge |
---|
|