Formulieren

Formulieren maak je met plugins als Contact Form 7: Het standaardformulier daarin werkt al meteen, maar in deze opdracht maak je een NIEUW eigen formulier. Maak er iets leuks van. Zet de shortcode in een nieuwe pagina en zet die pagina in je menu. De antwoorden ontvang je per email: stel dat in, en pas het aan. Zie hieronder alle info.

Maak je formulier op drie manieren:

  1. Online in WordPress
  2. Als print in Indesign
  3. Exporteer deze ook als interactieve invulbare PDF

Formulier in WordPress

Je kan in je Formulier allerlei vragen toevoegen, met de knoppen erboven. Zoals een dropdown (1 keus mogelijk uit een lange rij), een radio button (1 keus mogelijk), selectievakjes (meerdere keuzen mogelijk) of tekstvelden.

Klik de knop en je krijg een code voor het antwoord. De vraag zelf moet er ook nog bij, als tekst. Die kun je opmaken met HTML, bijvoorbeeld <p> of <label>. Hieronder een paar voorbeelden.

<Label> kan niet bij radiobutton of checkbox, dus dan doe je een <p>:

<p> Maak een keuze:
[radio radio-80 default:1 "Man" "Vrouw"]</p>

<p> Welke kleuren wil je allemaal?
[checkbox checkbox-557 "rood" "groen" "blauw"]</p>

<label> En hoeveel wil je er in totaal?
[select menu-611 "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</label>

[submit "Verzenden"]

Bijvoorbeeld zo:

Nu ga je de mail die je ontvangt nog aanpassen:

Mail aanpassen van je Formulier

Je kan bij de tab “Mail” de tekst van je mail aanpassen. Dat is de tekst die je ontvangt, met de ingevulde antwoorden. De codes van de antwoorden staan in het formulier, zoals:
[radio-80] of [checkbox-557] of [menu-611].
Hier wat voorbeelden:

Een formulier kan ook op papier, en als interactieve PDF:

Formulier als PDF vanuit Indesign

Je kan interactieve PDF’s maken vanuit Indesign, die je digitaal kan invullen. Gebruik Venster: Interactief > Knoppen & Formulieren. Plaats een frame, selecteer dat, en kies in het paneel het gewenste “Type” en de PDF opties. Wijst zich vanzelf:

Links kun je maken met het Venster:Hyperlinks. Zet een  werkende link onderaan met een tekst als “Je kan dit formulier ook online invullen op ROCstudent.nl/blabla”.

Exporteer als PDF Interactief. Check bij Formulieren & Media “Alles opnemen”:

Zo’n formulier kan je op drie manieren gebruiken:

  1. Uitprinten, op papier invullen en per post versturen
  2. Digitaal invullen met Adobe Reader, Safari of Voorvertoning, bewaren en emailen
  3. Of online invullen via de link onderaan

Minimum eisen

  1. Minstens 4 eigen vragen, naast naam en adres
  2. Je moet behalve tekstvelden ook minstens een ander type input gebruiken, bijvoorbeeld Selectievakjes of Knop of Keuzelijst
  3. Zet het formulier met de shortcode in een nieuwe pagina
  4. Zet die Pagina ook in je MENU, op je WordPress-site
  5. Maak het formulier ook in Indesign en exporteer als interactieve PDF
  6. Zet onderaan in de PDF een werkende link naar het online formulier
  7. Test de PDF
  8. Test het online formulier, en check of je de antwoorden per Mail hebt ontvangen

Download hier een voorbeeld-PDF-formulier uit Indesign of deze van Leidy

Invulvelden worden altijd lichtblauw in Acrobat Reader. Dat is handig en kan je ook gebruiken in je vormgeving.

Een volgende stap zou een database kunnen zijn waarin de antwoorden komen. Dat kan met een plugin als Flamingo, of met plugins als “Contact form to database”.