Zelf een e-mail formulier maken?
Probeer het eens met dit formulier-script!
Formulier-script voor e-mail formulieren (met behulp van php)
Wil je een e-mail formulier maken, waarmee de bezoekers van je website je een bericht kunnen sturen,
dan leg ik hier uit hoe je dat kunt doen (of bekijk de videotutorial voor een visuele instructie).
Maar voordat je begint met de instructies hieronder, eerst even twee waarschuwingen:
- Het formulier-script dat ik hier gebruik, is een php-script, wat wil zeggen dat je het alleen maar kunt gebruiken
als je web hosting provider php scripting ondersteunt, zoals Alphamegahosting.com,
de web hosting provider waar ook deze site is ondergebracht.
- Het script dat ik hier bespreek, heeft heel veel mogelijkheden, maar het kan daardoor lastig zijn het goed te installeren. Als je een eenvoudig contactformulier wilt maken voor je site, dan zijn er ook online oplossingen, waarbij je alleen een stukje code hoeft te downloaden en dat op je site te plaatsen. Hier vind je een overzicht van sites waar je terechtkunt als je online een contactformulier maken wilt.
En dan nu de stapsgewijze uitleg van het formulierscript:
- Download eerst Phorm.
- Pak het gezipte bestand (phorm.zip) uit. Je krijgt nu een map die 'phorm' heet, met daarbinnen weer een map die 'distribution' heet.
Kopieer of verplaats de hele map 'distribution' naar de map waarin zich je website-bestanden zich bevinden.
- Start nu HTML-Kit op (of een andere html-editor) en open het bestand phormconfig.php (in de map 'distribution').
Verander de waarde achter $PHORM_ALERTTO in je e-mailadres. Verander daarna de waarde achter $PHORM_URL in de naam van je eigen website.
Sla het bestand op onder dezelfde naam en sluit het.
-
Open vervolgens quickconfig.php (ook in de map 'distribution').
- Verander het e-mailadres achter $PHORM_TO in je eigen e-mailadres.
- Verander "Phorm Data" door "Bericht via websiteformulier";
- Sla het bestand op en sluit het.
- Maak een nieuwe html-pagina en plak de onderstaande code in het gedeelte tussen de tags <body> en </body>:
<form method="post" action="distribution/phorm.php">
<input type="hidden" name="PHORM_CONFIG" value="quickconfig.php">
Naam: <br />
<input type="text" name="name" size=50 maxlength=50><br /><br />
E-mailadres:<br />
<input type="text" name="email" size=50 maxlength=50><br /><br />
Bericht:<br />
<textarea rows="5" cols="38" name="bericht"></textarea><br /><br />
<input type="submit" value=" Verstuur ">
</form>
Geef het bestand een titel (tussen de tags <title> en </title>) en sla het op onder de naam 'contact.html'.
Bewaar het op dezelfde plaats waar ook je andere html-pagina's staan (dus niet in de map 'distribution', maar in een map 'hoger').
Wat je ook kunt doen, is het hele stuk tussen <form> en </form> kopiëren
en plakken op de plaats in een van je webpagina's waar je een formulier wilt hebben.
- Open het bestand generic.html (in de map 'files', een submap van de map 'distribution').
Dit is het bestand dat je bezoeker te zien krijgt als hij het formulier op je website heeft ingevuld en op 'Verstuur' heeft geklikt.
Vervang de Engelse tekst (Thank you for your input. Your data has been received.) door iets in het Nederlands, bijvoorbeeld door:
We hebben uw bericht ontvangen en zullen zo spoedig mogelijk reageren.
Geef deze pagina ook weer een passende titel (tussen de tags <title> en </title>).
Sla het bestand dan op en sluit het. Verander niets aan de naam van het bestand; het moet dus 'generic.html' blijven heten.
Als je wilt, kun je natuurlijk nog wel wijzigingen aanbrengen in de lay-out,
zodat de pagina past bij de overige pagina's van je website. Alles is goed, zolang het bestand maar 'generic.html' blijft heten.
En nog een opmerking: als je in het bestand 'generic.html' verwijzingen wilt opnemen naar andere pagina's op je site, bijvoorbeeld naar je homepage,
dan kun je de link daarnaartoe het beste 'hard coderen', dat wil zeggen die link helemaal uitschrijven (inclusief http://www):
http://www.mijn-eigen-website.nl/index.html.
Omdat het bestand 'generic.html' in een heel andere map staat dan het bestand 'index.html'
vindt je browser het bestand waarnaar je verwijst anders niet.
- Open het bestand phorm_err.html (ook in de map 'files').
Dit is de pagina die een bezoeker te zien krijgt als er ergens in het proces iets fout is gegaan.
Vervang de Engelse tekst door een Nederlandse, bijvoorbeeld door:
Er is een fout opgetreden en uw bericht is niet aangekomen. Ga terug naar het contactformulier en probeer het nog eens.
Haal ook de regel met de tekst <!-- Phorm Messages --> weg.
Sla ten slotte het bestand op onder dezelfde naam en sluit het.
Voor deze pagina geldt ook weer dat je zo veel wijzigingen kunt aanbrengen in het ontwerp als je maar wilt,
zolang je de naam van het bestand maar niet verandert.
- Verwijder nu alle submappen uit de map 'distribution' die je niet nodig hebt: docs, examples en README.
Er blijven vier mappen over: files, lib, plugins en tools. Deze laat je staan.
Verwijder ook de bestanden die je niet nodig hebt: INSTALL, QuickStart en UPGRADE. De rest van de bestanden laat je staan.
- Upload nu eerst je contactformulier naar de server: het bestand dat je 'contact.html' genoemd hebt,
of een andere webpagina met daarin het stuk formuliercode.
Vervolgens upload je de hele map 'distribution' (wat daarvan overgebleven is).
- Ten slotte moet je nog even alles controleren.
Roep je formulier op in je browser en test of alles werkt.
Heb je vragen over dit formulierscript?
Kijk dan even op de vragenpagina's of ze misschien al beantwoord zijn.
Van formulier-script terug naar de homepage