Forms

Powermail

Powermail is a plug-in that can be used to create simple contact forms up to complex, extensive forms. The forms are both created and stored centrally and can then be used multiple times for web pages.

 

The plug-in offers the following functions:

  • Easy creation of forms
    • multiple use for web pages
    • simple contact forms up to complex forms
    • Creation of various field types: Text, checkbox, upload field, etc.
    • Definition of mandatory fields
    • JavaScript validation (on e.g. email, URL, numbers, letters, etc...)
    • Control page with a summary of the entered data
    • Confirmation page when the registration is completed
    • Sending of a confirmation e-mail to the sender
  • Database storage and export (XLS, CSV)
  • Output of entered data possible in the frontend
  • Inputs can be evaluated in the backend

Powermail concept

First of all, a forms folder is needed. This is the place where forms are designed and stored.

These forms can then be included as a Powermail plug-in on any page.

 

Example

Structure of forms

Create forms

1. creating a folder in the page tree: this is the central place where all forms are stored. Forms stored in this folder can be included on any number of pages.

 

4. Enter the name of the form and click on "Create new pages". (It is also possible to create multi-page forms).

 

5. Specify name for the page. Under the tab "Access" you can publish the form time-controlled. (Start date/End date)

Then select "Create new fields". These are the input fields that the visitor will see later.

7. the following fields should be created: 

  • Name (text field) - check name submission / Advanced tab: mandatory field.
  • E-mail (text field) - check e-mail transmission / Advanced tab: mandatory field
  • Request (Text field multiline)
  • Submit (Submit field)

2. Switch to the list view (Web module: List) and create a new record (the cenatral folder is still selected in the page tree)

 

3. Select "Forms" in the Powermail area.

 

6. Specify the labels for the field, e.g. Name. Add more fields and select the desired label, e.g. Email, I participate, Submit button, until your form contains all the required fields.
Under the Advanced tab you can select whether the field should be a required field and must be filled in by the sender or not. Enter a description for the field, which will be displayed in the frontend.

 

8. Select the type of the field. The selection of the type determines the appearance of the field. The following types are available for selection:

Standard
Text field: the sender has one line available to enter information
Multiline text field: the sender can enter a text here
Selection field: the user can select different options, which are listed under "Options
Multiple selection/checkbox: is a checkbox that can be ticked by the user
Single selection/radio button: the user can select a box
Submit box/submit: after clicking the submit button the form will be submitted

Advanced
Reset: all fields that the user has filled in can be reset herewith
Password field: as spam protection you can use the password field
File Upload: Herewith the user can transfer a file from his local computer together with the form (Upload)

Use forms in the frontend

Now forms can be included as Powermail plug-in on any page.

 

9. Switch to the Page module and select the page in which the form is to be integrated in the page tree.

 

Assign a heading for the form.

 

13. Tab Recipient: Enter the name and e-mail of the recipient.

Important: Enter a subject of the e-mail, otherwise the e-mail sending will be disabled!

Example of a response page.

10. Create a new content element. To do this, select the Plug-Ins tab and then Powermail.

 

12. Under the Plug-In tab you can specify all relevant settings for the form.
Settings tab: Select the Powermail form that you have already created and placed in the folder. You can also activate a confirmation page (sender can check his information again before sending), an e-mail confirmation, activate a multi-step form and define a place where the mails should be saved.

 

14. Response page tab: enter a text that will appear on the response page. The response page appears on the user's screen after the form has been completed.

 

You are in the self-study and want to go to the training start page, then click on TYPO3 in the self-study for beginners part 3.

 

You are currently in self-training 3, then click  Exercise - Powermail forms to continue.

 

Exercise - Create forms