The purpose of a web form is to standardize the collection of information from a user or colleague. In TYPO3, a web form (mail form) is a Powermail element. It is often used for purposes such as registrations, applications, guest registrations, etc. Note that a Powermail consists of two parts, which is important to remember if you need to copy, move, or translate your form.
This guide explains the standard functionality. There are additional options available, which you can get help with from your websupport, if you need it.
Before you start, please be aware of the following:
To create a new Powermail form:
Name your form so that you can find it again later. Create and name the first page of your form. Click 'Save' and close.
Her kan du se samtlige oprettede formularer, men det er din egen, du skal vælge, med mindre du ønsker at bruge præcis samme formular på to forskellige sider.
2. Vælg din formular, og tryk Gem og luk.
Open the editing of your Powermail element. You can now configure the general settings as described below:
The purpose of the form is to meet your needs as the sender, but also ensure that it is understandable for users. Consider whether you truly need all the information you are asking users to provide, or if you can eliminate some fields. If the form becomes too long and complicated, it may lead users to reach out with questions and not provide the benefit you might have expected.
Under each field in the 'Advanced' tab, you have the option to make additional settings for the field:
*The 'Layout' function is not currently in use.
Note: For fields where the user needs to enter their email address, it is essential that the field is set as a mandatory field with the 'Email' validation to ensure Powermail sends correctly. An email field marked as 'This field contains the Email of the sender' MUST be marked as a Mandatory Field in the 'Advanced' tab if a confirmation email is to be sent to the user. If the user should NOT receive a confirmation email, the 'Sender' tab (Mail to user) MUST NOT be filled out.
If you wish to receive an email when a user has filled out and submitted the form, you need to complete the following four items under 'Mail to Receiver.' You can find this tab under the settings for the plugin itself.
If you want users to receive an email (confirmation email) after they have filled out and submitted the form, you need to complete the following four points under Mail to User. Note: If the user should NOT receive a confirmation email, the Sender tab (Mail to user) should NOT be filled out.
Note: It may be a good idea to include a text in the form stating that the user will receive a confirmation email once they have filled out and submitted the form. This way, the user is aware that something may have gone wrong in the process if they do not receive the email. If you want to ensure that the user has read the information about the confirmation email, you might consider adding a mandatory checkbox in the form where the user must confirm that they have read it.
A suggestion for the text could be:
This form will be sent to [insert name of unit or functional mailbox, e.g., AU IT] when you click [insert the text you have chosen for the submit button, e.g., Send Registration]. You will subsequently receive a copy of your [insert name of the function of the form, e.g., registration] via email as confirmation that your [insert name of the function of the form, e.g., registration] has been received. If you do not receive a confirmation email, your [insert name of the function of the form, e.g., registration] has not been registered. Remember to check your spam filter/junk mail folder to see if the email may have ended up there.
The Submit Page is the information the user is directed to after they click Submit on the form. There are two options for selecting a confirmation page.
We recommend that you complete and test your Powermail form in the default language before starting the translation. Also, remember that a Powermail form consists of both a plugin and a form with fields. Both the plugin and the form need to be translated. This can be done either from the List module, as described first, or from the Page module, as described last.
Translate plugin and form in list view
We assume that your Powermail has been translated according to the guide "Translate Powermail to another language" above. If you want to add a new field, it must be done in the form's original language (in this example, Danish). You will then translate your new field in the form's translation as shown below. Note: Avoid translating via List view.
If you want to reuse an existing Powermail form and just modify a few of the fields, you should copy the Powermail form itself.
A copy of the Powermail form has now been created on the page where the new Powermail form has also been saved. It is a good idea to rename the Powermail form so you can find it again when setting up the Powermail element.
Note: If you copied a Powermail form with a language layer, the translation will automatically be included. However, you risk the language layer not being used in your new Powermail form if you rename the form. There is a workaround:
Navigate to the page where you want to place the Powermail form and paste it there. (Look for a small icon "Paste clipboard content" at the top of the page.)
Also, remember to move the Powermail plugin itself to the page where you are placing the form. You can do this either before or after moving the form (steps 1-4), in either Page or List view.
All collected data and any language versions of the Powermail form will be automatically moved to the new page and stored there.
Tooltips are the small messages that appear when you hover over something on a website. They are designed to provide additional information about the specific element. If you have filled in the Description field for a form field in the backend, the text will appear as a tooltip next to the 'i' in your form on the frontend.
Powermail forms are responsive by default, adapting to the platform they are displayed on. However, on mobile devices, you cannot hover over the 'i' in your form. If you want tooltips to be displayed in your Powermail form regardless of screen size, you should follow these steps. The tooltips will then appear when you click on the 'i'.
<link rel="stylesheet" type="text/css" href="//cdn.au.dk/vendor/css/tipso.min.css" media="all">
<script type="text/javascript" charset="UTF-8" src="//cdn.au.dk/vendor/js/tipso.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.tx-powermail .powermail_fieldset [title]:not([title=""])').tipso({
background : '#777',
position : 'top-left',
useTitle : true
});
});
</script>
This is only relevant if the data is not sensitive personal data!
In such cases, the data must not be stored in TYPO3 but should be collected via HTTPS and sent securely to the appropriate recipient.
To avoid manually deleting form data, you can create separate subpages (which are not visible in the frontend) that can be used as containers for submitted form data. Then, you can configure the Powermail form to store data on such a page. By changing the pointer to a new page once you have finished processing the submitted data, you can easily delete old data by deleting the subpage.
This way, you avoid spending time (as mentioned in the previous section) deleting 25 records at a time.
Data is sent to the recipient and is generally NOT stored in TYPO3. If there is a GDPR agreement specifying that data should also be temporarily stored in TYPO3 (during processing), you can extract this data using the following steps:
You can only delete a maximum of 25 entries at a time.
To delete form data: