HTML contactformulier verzenden
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:
- Open Kladblok (of een andere simpele teksteditor).
- Plak deze code erin: <?php phpinfo(); ?>
- Sla het bestand op als phpinfo.php
- Upload het bestand via FTP naar de website, naar de map met de index.html
- Ga in de browser naar: www.mijnsite.nl/phpinfo.php
- Als PHP is geïnstalleerd wordt een informatiepagina getoond.
Wat heb ik nodig voor een website formulier?
- Een formulier: een HTML pagina met invulvelden en een verzendknop.
- 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
- Download Formmail.
- Unzip het bestand, en zet de bestanden in de map op je computer waar het formulier staat.
- Het bestand sampleform.htm is een voorbeeld formulier. Als je zelf een formulier hebt gemaakt kun je dit verwijderen.
- 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.
- 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$");
- Sla het bestand op.
- 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.
- Voeg nu deze regel code in:
<input type="hidden" name="recipients" value="email@adres.nl" />
Vervang email@adres.nl door het juiste e-mailadres.
- Sla het formulier op.
- Plaats via FTP het formulier en formmail.php op de server.
- Open de website in een browser.
- Vul het formulier in en klik op de verzendknop.
- Als het goed is krijg je nu een bevestiging dat het formulier is verzonden.
Eigen bevestigingspagina maken
- 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."
- Sla de pagina op als bedankt.html in de map waar het formulier staat.
- Open het formulier.
- Ga naar de plek waar je emailadres staat, en zet deze regel eronder:
<input type="hidden" name="good_url" value="bedankt.html" />
- Sla het formulier op.
- Plaats het formulier via FTP op de webserver.
- Open de website in een browser.
- Vul het formulier in en klik op de verzendknop.
- Als het goed is zie je nu de bevestigingspagina.
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.