Naar inhoud springen

FR Forms: verschil tussen versies

Uit KB Van Loenhout

WikiAdmin (overleg | bijdragen)

3 gebruikersgroepen
511 bewerkingen
VisueelWikitekst
Created page with "FR Forms is een module waarmee je diverse (contact-)formulieren kan aanmaken. Ieder formulier bevat eigen instellingen: * velden: vrije aanmaak van diverse typen data-velden * opmaak: voor de ‘voorkant’ van jouw website * berichten: vrije aanmaak van automatisch gegenereerde meldingen en e-mails * succes: keuze uit een zelfgemaakte pagina of eenvoudige melding (tekst) Als aanvullende optie kan jeCaptcha toepassen als bescherming tegen spam. Kies in het navigatiem..."
 
 
(43 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
<languages />
<translate>
<!--T:1-->
FR Forms is een module waarmee je diverse (contact-)formulieren kan aanmaken.
FR Forms is een module waarmee je diverse (contact-)formulieren kan aanmaken.


<!--T:2-->
Ieder formulier bevat eigen instellingen:
Ieder formulier bevat eigen instellingen:


<!--T:3-->
* velden: vrije aanmaak van diverse typen data-velden
* velden: vrije aanmaak van diverse typen data-velden
* opmaak: voor de ‘voorkant’ van jouw website
* opmaak: voor de ‘voorkant’ van jouw website
Regel 8: Regel 14:
* succes: keuze uit een zelfgemaakte pagina of eenvoudige melding (tekst)
* succes: keuze uit een zelfgemaakte pagina of eenvoudige melding (tekst)


<!--T:4-->
Als aanvullende optie kan jeCaptcha toepassen als bescherming tegen spam.
Als aanvullende optie kan jeCaptcha toepassen als bescherming tegen spam.


Kies in het navigatiemenu links uitleg over een specifiek onderdeel.
<!--T:5-->
== Velden ==
[[File:Velden.png|left|117x117px|velden]]
Klik op keuzeknop ''Veld toevoegen'' om nieuwe velden toe te voegen
<br clear="all">
 
<!--T:6-->
Afhankelijk van het type veld worden er meerdere eigenschappen getoond:
[[File:Velden toevoegen.png|left|397x397px|velden toevoegen]]
'''Type:''' kies het gewenste type, zie (A)
 
<!--T:7-->
'''Label:''' geef een label voor dit veld
 
<!--T:8-->
'''Placeholder-sleutel:''' bij aanmaak van een nieuw veld wordt dit automatisch ingevuld
 
<!--T:9-->
'''Status:''' is het veld verplicht, optioneel of anders? Zie (B)
 
<!--T:10-->
'''Standaardwaarde:''' optioneel te gebruiken
 
<!--T:11-->
'''Plaatshouder tekst:''' optioneel, als invoerhulp voor bezoekers
 
<!--T:12-->
'''Helptekst:''' optioneel, toont een helptekst voor bezoekers
 
<!--T:13-->
'''Maximale lengte:''' optioneel, gebruik deze om invoer te beperken
 
<!--T:14-->
'''Keuzeknop voor layout:''' optioneel, stel pagina weergave in, zie (C)
<br clear="all">
 
<!--T:15-->
=== Voorbeeld van een aangemaakt veld ===
[[File:Aangemaakt veld.png|left|345x345px|aangemaakt veld]]
<br clear="all">
 
<!--T:16-->
=== Volgorde - wordt getoond op webpagina ===
[[File:Volgorde velden.png|alt=volgorde velden]]
<br clear="all">
 
<!--T:17-->
Op de webpagina worden de aangemaakte velden getoond volgens de volgorde in de pagina sectie. Je kan deze volgorde aanpassen met knoppen '<nowiki/>''omhoog''<nowiki/>' en '''omlaag''<nowiki/>'.
 
<!--T:18-->
<gallery widths=250>
File:Veldtypen.png|alt=veldtypen|149x149px|'''A - veldtypen'''
File:Veldstatussen.png|alt=veldstatussen|168x168px|'''B - veldstatussen'''
File:Veld pagina weergave.png|alt=veld pagina weergave|353x160px|'''C - instellingen voor pagina weergave'''
</gallery>
 
<!--T:19-->
== Opmaak ==
Met ''Opmaak'' stel je opmaak vast zoals die op de webpagina wordt getoond.
[[File:Opmaak.png|left|421x421px|opmaak]]
'''Formulierstijl:''' kies uitlijning van de labels van de invoervelden: op één lijn of label boven het invoerveld
 
<!--T:20-->
'''  Veldthema:''' kies een voorgedefinieerde stijl uit de tabel, zie (A)
 
<!--T:21-->
'''Grid tussenruimte:''' kies de gewenste afstand tussen het label en een invoerveld
 
<!--T:22-->
'''Visuele layout-editor:''' bepaal het raster waarin de velden worden getoond, zie (B)
 
<!--T:23-->
'''Verzendknoptekst:''' geef de tekst op die op de verzendknop wordt getoond
 
<!--T:24-->
'''  Uitlijning verzendknop:''' geef de uitlijning aan voor de tekst op de verzendknop
<br clear="all">
 
<!--T:25-->
=== '''A - veldthema''' ===
[[File:Veldthema.png|left|veldthema]]
Elk thema heeft eigen instellingen, of geen: '''Geen styling''<nowiki/>'
 
<!--T:26-->
 Probeer ze uit, en kies het thema wat het meest bij jouw website past.
 
<!--T:27-->
 Zie (C) voor voorbeelden per thema.
<br clear="all">
 
<!--T:28-->
=== '''B - visuele layout editor''' ===
[[File:Visuele layout editor.png|left|492x492px|visuele layout editor]]
  Je kunt de velden verdelen over 1, 2 of 3 kolommen. Zie het voorbeeld.
 
<!--T:29-->
  Ook kan je de velden verdelen over meerdere rijen.
 
<!--T:30-->
  Verplaats de kolommen door ze te slepen of via de positie keuzeknoppen.
 
<!--T:31-->
  De rijen bepaal je middels de positie keuzeknoppen.
<br clear="all">
 
=== '''C - voorbeelden veldthema's''' === <!--T:32-->
 
===== thema: ''Geen styling''[[File:Geen stijling.png|alt=geen stijling]] ===== <!--T:33-->
 
==== thema: ''Nice form''[[File:Nice form.png|alt=nice form]] ==== <!--T:34-->
 
==== thema: ''Bootstrap''[[File:Bootstrap.png|alt=bootstrap]] ==== <!--T:35-->
 
==== thema: ''Material UI (filled)''[[File:Material UI filled.png|alt=material UI filled]] ==== <!--T:36-->
 
==== thema: ''Material UI (outlined)''[[File:Material UI outlined.png|alt=material UI outlined]] ==== <!--T:37-->
 
==== thema: ''Material UI (standard)''[[File:Material UI standard.png|alt=material UI standard]] ==== <!--T:38-->
 
<!--T:39-->
== Berichten ==
Met ''Berichten'' stel je opmaak vast zoals die op de webpagina wordt getoond.
[[Bestand:Berichten.png|links|417x417px]]
'''E-mailconfiguratie:''' de module controleert de e-mailconfiguratie. Deze stel je in WB in, menu Instellingen, onderdeel Mailerinstellingen.
 
<!--T:40-->
'''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
 
<!--T:41-->
 '''Formulierinzendingen:''' indien je deze laat opslaan kan je ze bekijken. Denk er aan dat gegevens vastleggen onder de AVG valt. Zie (C)
<br clear="all">
 
<!--T:42-->
=== A - e-mailtemplates ===
[[Bestand:Berichten antwoord.png|links|391x391px|Berichten antwoord]]
'''Naam:''' bedenk een korte, duidelijke naam
 
<!--T:43-->
'''Aan:''' inzender > gebruik de placeholder, bv [e-mailadres], afhandelaar > type het mailadres in
 
<!--T:44-->
'''Van (e-mailadres):''' type een e-mailadres in
 
<!--T:45-->
'''Van naam:''' type de naam of functie van de afzender
 
<!--T:46-->
'''Reply-to veld:''' type een e-mailadres in, of laat leeg
 
<!--T:47-->
'''Onderwerp:''' type een onderwerptekst in
 
<!--T:48-->
'''E-mailtekst:''' gebruik de editor om je eigen opmaak te creëren, gebruik [veldnaam] om de gegevens op te halen uit de datavelden
<br clear="all">
=== '''B - voorbeeld e-mailtemplate''' ===
[[Bestand:Berichten voorbeeld.png|alt=Berichten voorbeeld|503x503px]]
<br clear="all">
 
=== '''C - formulierinzendingen''' === <!--T:49-->
 
<!--T:50-->
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.
 
<!--T:51-->
Klik op een ontvangen reactie om de details in te zien:
 
<!--T:52-->
[[Bestand:Berichten reacties.png|alt=Berichten reacties|497x497px]]
 
<!--T:53-->
== Succes ==
Met ''Succes'' stel je een succespagina of een succesbericht in
 
<!--T:54-->
<gallery widths="400">
Bestand:Succes melding.png|alt=Succes melding|'''Bericht:''' kies bij Pagina -- Geen -- en vul een tekst in
Bestand:Succes-pagina.png|'''Page:''' select the desired page (custom-created by yourself)
</gallery>
 
</translate>

Huidige versie van 15 jul 2026 16:09

Andere talen:

FR Forms is een module waarmee je diverse (contact-)formulieren kan aanmaken.

Ieder formulier bevat eigen instellingen:

  • velden: vrije aanmaak van diverse typen data-velden
  • opmaak: voor de ‘voorkant’ van jouw website
  • berichten: vrije aanmaak van automatisch gegenereerde meldingen en e-mails
  • succes: keuze uit een zelfgemaakte pagina of eenvoudige melding (tekst)

Als aanvullende optie kan jeCaptcha toepassen als bescherming tegen spam.

Velden

velden
velden

Klik op keuzeknop Veld toevoegen om nieuwe velden toe te voegen

Afhankelijk van het type veld worden er meerdere eigenschappen getoond:

velden toevoegen
velden toevoegen

Type: kies het gewenste type, zie (A)

Label: geef een label voor dit veld

Placeholder-sleutel: bij aanmaak van een nieuw veld wordt dit automatisch ingevuld

Status: is het veld verplicht, optioneel of anders? Zie (B)

Standaardwaarde: optioneel te gebruiken

Plaatshouder tekst: optioneel, als invoerhulp voor bezoekers

Helptekst: optioneel, toont een helptekst voor bezoekers

Maximale lengte: optioneel, gebruik deze om invoer te beperken

Keuzeknop voor layout: optioneel, stel pagina weergave in, zie (C)

Voorbeeld van een aangemaakt veld

aangemaakt veld
aangemaakt veld


Volgorde - wordt getoond op webpagina

volgorde velden

Op de webpagina worden de aangemaakte velden getoond volgens de volgorde in de pagina sectie. Je kan deze volgorde aanpassen met knoppen 'omhoog' en 'omlaag'.

  • veldtypen
    A - veldtypen
  • veldstatussen
    B - veldstatussen
  • veld pagina weergave
    C - instellingen voor pagina weergave

Opmaak

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

opmaak
opmaak

Formulierstijl: kies uitlijning van de labels van de invoervelden: op één lijn of label boven het invoerveld

  Veldthema: kies een voorgedefinieerde stijl uit de tabel, zie (A)

Grid tussenruimte: kies de gewenste afstand tussen het label en een invoerveld

Visuele layout-editor: bepaal het raster waarin de velden worden getoond, zie (B)

Verzendknoptekst: geef de tekst op die op de verzendknop wordt getoond

  Uitlijning verzendknop: geef de uitlijning aan voor de tekst op de verzendknop

A - veldthema

veldthema
veldthema

Elk thema heeft eigen instellingen, of geen: 'Geen styling'

 Probeer ze uit, en kies het thema wat het meest bij jouw website past.

 Zie (C) voor voorbeelden per thema.

B - visuele layout editor

visuele layout editor
visuele layout editor

  Je kunt de velden verdelen over 1, 2 of 3 kolommen. Zie het voorbeeld.

  Ook kan je de velden verdelen over meerdere rijen.

  Verplaats de kolommen door ze te slepen of via de positie keuzeknoppen.

  De rijen bepaal je middels de positie keuzeknoppen.

C - voorbeelden veldthema's

thema: Geen stylinggeen stijling

thema: Nice formnice form

thema: Bootstrapbootstrap

thema: Material UI (filled)material UI filled

thema: Material UI (outlined)material UI outlined

thema: Material UI (standard)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
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 de naam of functie van de afzender

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

Berichten voorbeeld

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:

Berichten reacties

Succes

Met Succes stel je een succespagina of een succesbericht in

  • Succes melding
    Bericht: kies bij Pagina -- Geen -- en vul een tekst in
  • Page: select the desired page (custom-created by yourself)
    Page: select the desired page (custom-created by yourself)
Overgenomen van "https://wiki.vloenhout.nl/w/index.php?title=FR_Forms&oldid=604"