HTML contactformulier verzenden

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.

Kijk voor het maken van een contactformulier met Google (geen kennis van HTML nodig) op: Contactformulier maken

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. Een formulier: 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 kunt 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 mee. Als het script is geïnstalleerd heb je er geen omkijken meer 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

Leren programmeren voor volwassenen

Online cursussen, bootcamps en IT-opleidingen voor beginners en gevorderden.

Foto's comprimeren

Zo maak je JPG en PNG-bestanden zo klein mogelijk.

Woocommerce handleiding

Alles wat je moet weten om een webshop te beginnen in WordPress.

Quotes maken

Zo maak je snel een afbeelding met een pakkende tekst.

Dode links opsporen

Automatische linkcheckers helpen webmasters bij het onderhouden van links.

Domeinnamen zoeken

Domeinnaam al bezet? Deze websites helpen bij het vinden van alternatieven.

Ecologische voetafdruk

Met zijn allen verbruiken we meer dan de aarde aankan.

Online enquête maken

Zo maak je een digitale vragenlijst met Google Formulieren.

Apps maken

Zonder programmeren een app maken? Deze programma's maken het mogelijk.

Gratis websites

De beste website-builders voor een blog, site of online dagboek.

Portfolio websites

Een portfolio op internet is een must voor creatieven en brengt het publiek naar je toe.

DigiD app installeren

De DigiD app installeren en activeren. Zo werkt het.

Gratis fotoshoppen

Overzicht van de beste gratis software, apps en websites om foto's te bewerken.

Meditatie apps

De beste meditatie apps voor rust en ruimte in het hoofd.

Online logo maken

Direct klaar logo's via sjablonen en AI.

Tekst in een foto zetten

Zo doe je dat snel op een iPhone, Android telefoon of computer.

Geluiden en samples

De beste websites voor geluiden, samples, geluidseffecten, loops en tracks.

Harde schijf testen

Maakt de harde schijf vreemde geluiden? Test zelf de conditie, en laat de fouten repareren.

Documenten beveiligen

Ook losse bestanden kunnen snel achter een wachtwoord worden gezet.

Grafiek maken

Taartdiagram of lijngrafiek nodig? Handleiding voor het maken van grafieken.

Online denkpuzzels

Train je hersenen met logische puzzels, cijferpuzzels en andere breinbrekers.

Woordspelletjes

Goede websites en apps voor scrabble, lingo, cryptogrammen, spellingtesten en galgje.

Dieet apps en calorietellers

Hulp nodig bij afvallen? Deze apps tellen calorieën en monitoren je gewicht.

Slaap apps

Alles over slaapcyclus trackers, powernap apps en nachtmodus.

© Webwijzer.nl  |  Over deze website  |  Privacy policy