Webformulier maken

formulier website

Een webformulier - zoals een contactformulier - is eenvoudig te maken, maar hoe krijg je het werkend? Met Formmail, een Open Source script dat de gegevens veilig naar een e-mailadres stuurt.

Voor wie is deze handleiding?
Deze handleiding is voor iedereen die een eigen website maakt, en kennis heeft van HTML. Je hebt FTP-toegang nodig op de server waar de website staat, en deze server moet PHP ondersteunen.

Ondersteunt mijn server PHP?
Dit kun je opzoeken in de gegevens van je hosting pakket. Je kan het ook zelf testen:
  1. Open Kladblok (of een andere simpele teksteditor).
  2. Plak deze code erin: <?php phpinfo(); ?>
  3. Sla het bestand op als phpinfo.php
  4. Upload het bestand via FTP naar de website, naar de map met de index.html
  5. Ga in de browser naar: www.mijnsite.nl/phpinfo.php
  6. Als PHP is geïnstalleerd wordt een informatiepagina getoond.

Wat heb ik nodig voor een website formulier?
  1. het formulier zelf: een HTML pagina met invulvelden en een verzendknop.
  2. een script dat de ingevulde gegevens naar een e-mailadres stuurt.

Waarom heb ik een script nodig?
Je kan in een HTML formulier een mailto: action plaatsen, maar dit werkt niet goed. Voor een betrouwbare afhandeling van je formulier heb een server side script nodig: een script dat op de server van de website wordt geplaatst. Dit lijkt omslachtig en moeilijk, maar in de praktijk valt het erg mee. Als het script is geïnstalleerd heb je er verder geen omkijken naar. In deze handleiding wordt gebruik gemaakt van Formmail, een zeer veilig script.

Wat staat er in deze handleiding?
Deze handleiding gaat alleen over de mail afhandeling van het formulier. Er wordt vanuit gegaan dat je het HTML formulier - met invulvelden, verzendknop, etcetera - zelf maakt. Er wordt gebruik gemaakt van het script Formmail, dat gratis te downloaden is en de gegevens uit het formulier naar een e-mailadres stuurt dat je zelf opgeeft. Met deze handleiding maak je alleen de basis: formulier afhandeling en een bevestigingspagina. Uiteraard zijn er nog veel meer mogelijkheden met mailscripts.

Een website formulier verzenden met Formmail

  1. Download Formmail.

  2. Unzip het bestand, en zet de bestanden in de map op je computer waar het formulier staat.

  3. Het bestand sampleform.htm is een voorbeeld formulier. Als je zelf een formulier hebt gemaakt kun je dit verwijderen.

  4. Open formmail.php in een webeditor. De meeste programma's - zoals Kompozer of DreamWeaver - openen PHP bestanden en geven de code overzichtelijk weer. Het script is ook te openen met Kladblok.

  5. Zoek dit stukje code op (gebruik zonodig de zoekfunctie):

    $TARGET_EMAIL = array($EMAIL_NAME."@yourhost\.com$");

    Vul bij yourhost\.com het achterste deel van je e-mailadres in. Als de gegevens uit het formulier naar margreet@hotmail.com moeten worden gestuurd dan wordt de code:

    $TARGET_EMAIL = array($EMAIL_NAME."@hotmail\.com$");

  6. Sla het bestand op.

  7. Open je formulier, en ga naar het gedeelte in de code waar <form> begint:

    Vul bij action het pad in naar formmail.php. Bijvoorbeeld:

    <form method="post" action="http://www.mijnwebsite.nl/formmail.php" name="mijnformulier">

    Let op: dit moet exact kloppen. Als op jouw server het formulier en formmail.php in de map contact staan, dan moet dat ook hier worden aangegeven.

  8. Voeg nu deze regel code in:

    <input type="hidden" name="recipients" value="email@adres.nl" />

    Vervang email@adres.nl door het juiste e-mailadres.

  9. Sla het formulier op.

  10. Plaats via FTP het formulier en formmail.php op de server.

  11. Open de website in een browser.

  12. Vul het formulier in en klik op de verzendknop.

  13. Als het goed is krijg je nu een bevestiging dat het formulier is verzonden.


Eigen bevestigingspagina maken

  1. Maak de HTML pagina die je wil laten zien als het formulier verzonden is. Bijvoorbeeld met een tekst: "Bedankt voor uw reservering, wij nemen spoedig contact met u op."

  2. Sla de pagina op als bedankt.html in de map waar het formulier staat.

  3. Open het formulier.

  4. Ga naar de plek waar je emailadres staat, en zet deze regel eronder:

    <input type="hidden" name="good_url" value="bedankt.html" />

  5. Sla het formulier op.

  6. Plaats het formulier via FTP op de webserver.

  7. Open de website in een browser.

  8. Vul het formulier in en klik op de verzendknop.

  9. Als het goed is zie je nu de bevestigingspagina.


Voor meer informatie over het mailscipt: Formmail