Contactformulier maken

Een contactformulier voor een website is eenvoudig te maken met Google Formulieren. Deze dienst voor online formulieren is gratis, flexibel en inpasbaar in elke website.

Voor wie is deze handleiding?
Deze handleiding is voor iedereen die een eigen website heeft. Je hebt geen kennis van HTML of scripts nodig. Wel moet je een code kunnen invoegen in de website. Bijvoorbeeld via WordPress, of door een pagina te wijzigen met een HTML-editor en zelf te uploaden.

Contactformulier maken met Google

Kijk voor het maken van een verzendscript voor een HTML webformulier (zonder Google) op:
HTML contactformulier verzenden

Wat kan ik maken met Google Formulieren?
Alle soorten online formulieren, zoals een contactformulier, aanmeldingsformulier, offerte-aanvraag, sollicitatieformulier of bestelformulier, maar ook een een enquête, evaluatie, quiz of poll.

Wat heb je ervoor nodig?
Een Google Account. De personen die het formulier invullen hebben geen Google Account nodig.

Kan ik de opmaak aanpassen aan mijn website?
Je kunt het lettertype en de kleuren van het formulier zelf kiezen. In de handleiding hieronder wordt een standaard contactformulier aangemaakt met een witte achtergrond. Hoe plaats ik het in de website?
Je krijgt een code om in te voegen in je website.

Waar gaan de reacties naartoe?
De reacties worden online verzameld. Je kunt een e-mail laten sturen als er een nieuwe reactie binnenkomt. De ingekomen gegevens kunnen in een spreadsheet worden gezet, en als data worden gedownload om in te voegen in een ander programma.

Handleiding contactformulier maken met Google Formulieren

Let op: deze handleiding is bedoeld voor computers en laptops. Je kunt een contactformulier ook aanmaken op een iPhone, iPad of Android telefoon (het werkt dan net even anders, en minder overzichtelijk).

1. Ga naar Google Formulieren.
2. Klik op Templategalerij.

3. Klik op Contactgegevens.
4. Klik op het palet-icoon.
5. Er opent een menu met themaopties.

6. Klik bij Afbeelding geüpload op het kruisje om de kop-afbeelding te verwijderen.
7. Bij Themakleur kun je een achtergrondkleur kiezen. Om een witte achtergrond te maken klik je op het plus-teken.
8. Typ in bij Hex: #ffffff.

9. Klik op Toevoegen.
10. De achtergrond wordt nu helemaal wit. Klik op het kruisje rechtsboven om de Themaopties te sluiten. De aanpassingen worden automatisch opgeslagen.
11. Klik op het wiel-icoon om naar de instellingen te gaan.
12. Haal de vink weg bij Beperken tot één reactie. Als je de vink niet weghaalt is het contactformulier alleen te gebruiken door mensen die zijn ingelogd bij Google.
    Let op: het is belangrijk om de reacties op het contactformulier in het oog te houden. Er kan ook spam binnenkomen. Als er misbruik van het formulier wordt gemaakt kun je het formulier tijdelijk offline zetten.
13. Als je met de cursor over een vraag gaat verschijnen er puntjes. Klik erop om de vraag te wijzigen.
14. Klik op de kop Contactgegevens om deze tekst te wijzigen. In dit voorbeeld wordt de tekst gewijzigd in: Neem contact met mij op.
15. Klik daaronder op Formulierbeschrijving en vul een passende tekst in. In dit voorbeeld wordt ingevuld: "Wij nemen graag contact met u op voor een vrijblijvend gesprek waarin we gezamenlijk kijken wat het beste bij uw organisatie past. Vul hieronder uw gegevens in".
16. Pas nu zonodig de invulvelden aan. In dit voorbeeld worden de standaard velden aangehouden.
17. Vraag verwijderen? Klik op een vraag en kies onderaan het blok de prullenbak.
18. Als je een vraag geopend hebt kun je daarin aangeven of de vraag verplicht moet worden ingevuld.

19. Sluit het bewerken van een vraag af door op een andere vraag te klikken.
20. Contactformulier klaar? Klik op het oog-icoon. Er wordt een voorbeeld geopend in een nieuw venster.
21. Ga terug naar het eerste venster en klik boven de vragen op reacties
22. Dit is het scherm waar het overzicht wordt geplaatst van de ingevulde formulieren. Klik rechtsboven op de puntjes.

23. Klik op 'E-mailmeldingen ontvangen voor nieuwe reacties' om een melding op je Gmail-adres te ontvangen als het formulier is ingevuld.
24. Klik op 'Bestemming voor reacties selecteren' om de ingevulde gegevens op te nemen in een spreadsheet. Deze wordt geplaatst in Google Drive. Je kunt deze openen door op het spreadsheet-icoon te klikken.
25. Als er reacties zijn binnengekomen kun je de data zonodig ook exporteren, door ze te downloaden als .csv bestand
26. Klik rechtsboven op Verzenden.
27. Klik achter Verzenden via op de haakjes .
28. Klik op de code onder HTML insluiten.
29. Klik op Kopiëren.
30. Je hebt nu een code om het contactformulier in een website te plaatsen.

Contactformulier invoegen in WordPress

1. Log in op je WordPress website via het inlogscherm (op mijnsite.nl/wp-admin)
2. Ga naar Pagina's en open de pagina waarin je het contactformulier wil plaatsen.
3. Zet de cursor in het tekstveld op de plek waar je het formulier wil invoegen.
4. Klik aan de rechterbovenkant van het tekstveld op Tekst .
5. Plak met Ctrl-V de code in, die je gekopieerd hebt bij Google Formulieren.
6. Klik aan de rechterkant bij Publiceren op Wijzigingen bekijken. Je ziet nu een voorbeeld. Je kunt het contactformulier uitproberen.
7. Ga naar het formulier bij Google Formulieren en kijk bij Reacties om de binnengekomen gegevens te zien.
8. Okay? Klik op Bijwerken om het contactformulier live te zetten.

Contactformulier invoegen in een HTML website

1. Open de pagina waar je het contactformulier wil plaatsen in een HTML-editor (zoals DreamWeaver)
2. Zet de cursor op de plek waar je het contactformulier wil invoegen.
3. Zorg dat je in de HTML-code werkt (dus niet in een design-weergave)
4. Plak met Ctrl-V de code in, die je gekopieerd hebt bij Google Formulieren.
5. Publiceer de pagina, via de HTML-editor of door de pagina via FTP te uploaden.
6. Test het contactformulier.
7. Ga naar het formulier bij Google Formulieren en kijk bij Reacties om de binnengekomen gegevens te zien.

Contactformulier: resultaten delen met anderen

1. Zonodig kun je de gegevens die binnenkomen op een contactformulier door iemand anders laten beheren, of delen met meerdere mensen.
2. Ga hiervoor naar het formulier in Google Formulieren en klik op Verzenden.
3. Klik onderaan op Bijdragers toevoegen.
4. Er opent een venster waarin je anderen toegang kunt geven. Toegevoegde personen krijgen een link waarmee ze toegang hebben tot het contactformulier.
5. Klik voor de veiligheid onderaan op 'Voorkomen dat bewerkers toegangsrechten wijzigen'.