FR Forms

FR Forms is a module that allows you to create various (contact) forms.

Each form has its own settings:

• Fields: Create various types of data fields as needed
• Layout: For the “front end” of your website
• Messages: Create automatically generated notifications and emails as needed
• Success: Choose between a custom page or a simple notification (text)

As an additional option, you can use CAPTCHA to protect against spam.

Fields

Fields

Click the Add Field button to add new fields

Depending on the field type, several properties are displayed:

Add fields

Type: Select the desired type; see (A)

Label: Enter a label for this field

Placeholder key: This is automatically filled in when a new field is created

Status: Is the field mandatory, optional, or something else? See (B)

Default value: optional

Placeholder text: optional, to help visitors enter information

Help text: optional; displays a help message for visitors

Maximum length: optional; use this to limit input

Layout selection button: optional; set the page view; see (C)

Example of a created field

example

Order - as displayed on the web page

The web page displays the created fields in the order they appear in the page section. You can change this order using the up and down buttons.

• 
  A - field types
• 
  B - field status
• 
  C - field layout

Layout

Layout lets you set the formatting as it will appear on the web page.

layout

Form Style: Choose the alignment of the input field labels: on the same line or with the label above the input field

Field theme: Select a predefined style from the table; see (A)

Grid spacing: Select the desired distance between the label and an input field

Visual layout editor: Specify the grid in which the fields are displayed; see (B)

Submit button text: Enter the text to be displayed on the submit button

Submit button alignment: Specify the alignment for the text on the submit button

A - Field Theme

Layout theme

Each theme has its own settings, or none: No styling

Try them out, and choose the theme that best suits your website.

See (C) for examples by theme.

B - Visual Layout Editor

Visual Layout Editor

Visual Layout Editor

 You can arrange the fields in 1, 2, or 3 columns. See the example.

You can also spread the fields across multiple rows.

 Move the columns by dragging them or using the position selection buttons.

 You can set the rows using the position selection buttons.

C - examples of field themes

Theme: “Material UI (standard)”

Berichten

Met Berichten stel je opmaak vast zoals die op de webpagina wordt getoond.

E-mailconfiguratie: de module controleert de e-mailconfiguratie. Deze stel je in WB in, menu Instellingen, onderdeel Mailerinstellingen.

E-mailtemplates: stel je eigen templates samen, als automatisch antwoord naar een inzender en of naar de e-mailafhandelaar. Zie (A), ​​onder (B) vind je een voorbeeld

 Formulierinzendingen: indien je deze laat opslaan kan je ze bekijken. Denk er aan dat gegevens vastleggen onder de AVG valt. Zie (C)

A - e-mailtemplates

Berichten antwoord

Naam: bedenk een korte, duidelijke naam

Aan: inzender > gebruik de placeholder, bv [e-mailadres], afhandelaar > type het mailadres in

Van (e-mailadres): type een e-mailadres in

Van naam: type een e-mailadres in

Reply-to veld: type een e-mailadres in, of laat leeg

Onderwerp: type een onderwerptekst in

E-mailtekst: gebruik de editor om je eigen opmaak te creëren, gebruik [veldnaam] om de gegevens op te halen uit de datavelden

B - voorbeeld e-mailtemplate

C - formulierinzendingen

Het opslaan van persoonlijke gegevens valt onder de AVG. Het is aanraden om op het formulierveld dit aan te geven zodat de potentiele inzender dit vooraf weet. Advies: niets opslaan levert geen risico's op voor jou.

Klik op een ontvangen reactie om de details in te zien:

Succes

Met Succes stel je een succespagina of een succesbericht in

• Succes pagina
  Pagina: kies de gewenste pagina (die je zelf hebt aangemaakt)
• 
  Bericht: kies bij Pagina -- Geen -- en vul een tekst in