Scribd
Upload
59 views3 pages

Creating Email Forms - TYPO3 Version 8: Create A New Form

The TYPO3 forms plugin has a new interface and functionality. It allows you to create email forms with fields, labels, validation, submission buttons, and options to redirect users or send email notifications after form submission. The form wizard guides you to add fields and options, configure submission settings, and preview the form.

Uploaded by

Francois Mickael Rakotonirina
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
59 views3 pages

Creating Email Forms - TYPO3 Version 8: Create A New Form

The TYPO3 forms plugin has a new interface and functionality. It allows you to create email forms with fields, labels, validation, submission buttons, and options to redirect users or send email notifications after form submission. The form wizard guides you to add fields and options, configure submission settings, and preview the form.

Uploaded by

Francois Mickael Rakotonirina
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Creating Email Forms TYPO3 Version 8

The TYPO3 forms plug-in has a completely new interface and some new functionality.

Create a new form:

1. Create a new content element on a


page | click the Form elements tab |
select Mail Form
2. Make sure you Save the element
before you continue!

3. On the General tab, add text in the


Header field to identify the form
4. Click the Form tab to open the form
wizard

The Form Wizard

Add the fields the Elements tab:

1. On the Elements tab, drag a


Basic form element to the
area on the right to add
fields to the form
2. Click Predefined Form
elements to drag grouped
fields like checkboxes or radio
buttons to the form area
3. Click Content elements to
add headers and text between
fields in the form area

Add field settings the Options tab:

1. The Options tab opens


automatically after you drag and
drop a field onto the form
2. Add label text in the Label: field | click
the green check mark on the right or
press Enter to save the Label: text -
if you dont click the check mark or press
Enter, the label text is not saved!

3. Click Attributes Properties | add a unique


name for this field do not use capital
letters or spaces; underscores only!
4. Text added to the Placeholder: field
appears as default text in the field on the
form (i.e. Enter your first name here, etc.)
5. Check Required: if users must complete
this field before submitting the form
6. Validation allows you to set optional
validation rules for a field
7. Set Options for each field added to the
form

Add Submit and Reset Buttons:

1. On the Elements tab, click Basic form


elements, then click and drag the Reset
Button to the form area a Reset button
allows users to clear the form and start
over (optional)
2. Click and drag the Submit button to the
form area the form MUST have a Submit
button!

3. Click the reset or submit button on the


form | click Attribute Properties on the
Options tab | add text in the Value: field to
change the default text that appears on the
button
4. Click the green check mark or press Enter
to save the Value: text
Edit or Delete Existing Fields:

1. Click on a field in the form area, or click the Edit pencil icon above the top right
corner of the field | click the field to select it
2. Click the Options tab, if necessary
3. Change the appropriate options click the green check mark or press Enter to
save any text entries
4. Click the trash can icon on the right side of the field to delete that field

Configure submission options the Form tab:

1. Click the Form tab to set options for


processing form submissions
2. Check Confirmation
page: only if you
want users to see
the results of their
submission before they submit the form
Note: users will have to click Submit a 2nd
time to actually submit the form!
3. Click Prefix | if you have more than one form, enter a form name in the Prefix: field
4. Click Post Processors | select Redirect
from the drop-down list choose a
thank you or confirmation page
users see after submitting the form
create the confirmation page first in
another area of the site (choose Hide
In Menus in the page properties)
5. Hover the mouse pointer over the
page icon for the confirmation page
in the page tree | type the id number
for that page into the Destination to
redirect to: field | click the green
check mark or press Enter to save the
redirect id
6. Enter an email address in the Email
address of the recipient: field
multiple email addresses can be
separated by a comma and space
this field determines who receives form submission results via email
7. Enter an email address in the Email address of the sender: field this can be the same address
as the recipient(s)
8. Enter text in the Subject: field this sets the Subject line of the form submission results email
messages
9. Click the green check mark or press Enter to save each text entry

You might also like