<div id='modalX'>
<p>With the module contact form a contact form can be quickly and easily integrated into your website. 
The module contains over 150 setting options, but not all of them need to be set. 
Most areas are selectable by click. Green indicates that the area is online, red means that this area is off. 
The module is largely self-explanatory and in many areas there are short explanations to the respective field.
</p>

<p><b>Mail to webmasters:</b> Enter the e-mail address to which the form should be sent. 
Under Website the URL of the website is entered. 
The system will send you this information so that you can enter e.g. when using multiple websites / landing pages always directly see where the mail comes from.
</p>

<p><b>Save mails:</b> If this area is activated, all mails generated via the contact form will be stored in the system of the website. 
The mails are located in a protected area that is completely protected from the outside.
</p>

<p><b>Send mails:</b> If this area is activated, all mails generated via the contact form will be sent to the above e-mail address.</p>

<p><b class='resF'>Attention:</b> If both areas, ie "Save mails" and "Send mails" are switched off, in this case the system sends the generated mails to the above mail address. 
Reason is, otherwise the mails would be lost.</p>

<p><b>Background:</b> Due to the last time changed laws, u.a. DSGVO since the end of May 2018, this tool has been installed. 
The website administrator can now flexibly respond and act by enabling and disabling mail delivery and / or storage.
</p>

<p><b>Headline, brief information, send / delete button:</b> The contact form contains a headline and a brief information in the upper part. 
Both are preset in the delivery state. The contents can be overwritten by these fields. 
Send and delete buttons can also be overridden, especially if the website is to be used in another language.</p>

<p><b>Information after sending:</b> This information is displayed to the user after being posted on the website. 
This area too is pre-filled except for the signature. Signature and signature should be entered in any case. 
These texts can also be overwritten.
</p>

<p><b>Simple form fields: field on/off, compulsory input on/off, field name:</b> A total of 20 form fields can be used over this area. 
The first field (online / offline) determines whether the field should be displayed. 
Compulsory information (field 2) means that the user has to fill in the field, as otherwise he will not be able to send the form. 
Field 3 is the field name, ie name, street etc. 
If you use field 1 (salutation), the system can correctly greet the user, ie. If the user clicks on "Mr." he will be greeted with "Dear Mr. XX", female users accordingly with "Dear Mrs. XX". 
If the user chooses nothing he / she will be greeted with "Dear Ladies and Gentlemen".</p>

<p><b class='resF'>Important:</b> References in red refer to fixed fields, i. the Name field should not be assigned to any other function because this field will later greet the user in the mail that is automatically delivered. 
Field 11 (E-mail) has the function where the mail should be sent. 
The field names are nevertheless overwritable in case the website is used in another language.
</p>

<p class='clearX ph10 clearX'></p>
<p><img src="./../images/manual/contactform1.png" class='picL picstyleA'></p>
<p><b>Mandatory fields - display if there is no entry:</b> The area is already preset. 
If the user forgets to fill out a required field, a corresponding message is displayed to him via an info window. 
Field 20 relates only to the message window and has a separate info box. 
When the information is displayed, the page is dimmed and the information is displayed (see figure). 
If the user clicks on "OK", the system automatically guides him to the input field. 
Since the fields in the contact form animate and make a color change when clicked, the input area for the user is also visibly recognizable. 
</p>

<p class='clearX ph10 clearX'></p>
<p><img src="./../images/manual/contactform2.png" class='picL picstyleA'></p>
<p><b>Checkboxes:</b> Checkboxes are fields that are "ticked" with a click (see adjacent figure). 
If one or both checkboxes are used, they must be switched on and selected, whether the user must fill in the field or not (mandatory). 
Give the field a name so that you can also assign the checkbox when you receive the mail. 
Finally, insert the text to be displayed in the contact form (see example).<br>
<b>Checkbox 3:</b> Checkbox 3 is specifically for the privacy policy. The input text will be linked to the privacy page. 
Attention: To do this, the Privacy page must be online (see Manage landing page).
</p>

<p class='clearX ph10 clearX'></p>
<p><img src="./../images/manual/contactform3.png" class='picL picstyleA'></p>
<p><b>Information fields (via send button):</b> Information can be inserted above the send button. 
In addition the note to the obligatory fields (should remain switched on, because the mail address must enter the user yes). 
This can be determined whether the user should receive the message that his IP address will be communicated to you with the shipment. 
If you switch the information field field online to "off", the entire area is hidden.</p>

<p class='clearX ph10 clearX'></p>
<p><img src="./../images/manual/contactform4.png" class='picL picstyleA'></p>
<p><b>Dropdown fields:</b> A dropdown field is a selection field (see adjacent figure). 
For example, if you want to ask the user which topic he / she wants information about, you can query that selection using the drop-down boxes. 
Again, you can turn the mandatory information on or off. Field name is what the user sees as a question field in the form, e.g. in the example picture "area".
</p>

<p class='clearX ph10 clearX'></p>

<p><b>Mail to sender:</b> This area should be self-explanatory. The area is partially pre-filled. The dispatch can be switched on / off. 
In the delivery this area is off. 
The fields can be overwritten with own texts. 
When used, Signature 1 should definitely be filled out because it would not look professional to the recipient if no signature were present.<br>
<b class='resF'>Attancion:</b> The logo can not be larger than 260x80px.
</p>

<p><b>Annotation:</b> At first glance, it looks like a lot to fill out. This is not so, because many areas are already preset. 
Many areas are optional and can be customized according to your wishes.</p>

<p class='clearX ph10 clearX'></p>
<p><img src="./../images/manual/contactform5.png" class='picL picstyleA'></p>
<p><b>Why not a captcha?</b> The contact form is designed to be a significant effort for spammers to use the automated spam mailing form. 
If you ever get a spam mail, then the sender has taken the trouble and filled the fields by hand. 
Those who make this effort, so years of experience, which also fills a captcha. 
In addition, the form is protected against bulk mailing. 
Spam senders often use the sending site to send mass mail. 
The system has a protective device for such cases and "tells" the sender that this form is protected against such methods and only allows the mail to be sent by the normal route.
You can see these "experiments" on the homepage of the admin panel under "Spam protection".
</p>
<p class='clearX'></p>
</div>

<p class="font12">Translated by Google Translate</p>
