Hoe u een ‘HTML-contactformulier’ aan een website kunt toevoegen

Probeer Ons Instrument Voor Het Oplossen Van Problemen

Zo simpel contactformulier tutorial leert je hoe je een heel eenvoudig contactformulier voor een op HTML gebaseerde website ​Het eerste bestand bevat de juiste HTML-code voor het formulier en het tweede bestand verwerkt de gegevens van het formulier met php. Download de 2 benodigde bestanden HIER ​ (Het downloadbestand is 1 HTML-bestand en 1 PHP-bestand - in totaal 2 bestanden) Ze zijn aan elkaar geritst en de enkele download bevat beide bestanden.

HTML-contactcode ziet er als volgt uit:
Hieronder staat de HTML-code van het contactformulier dat in het bovenstaande downloadbestand is opgenomen.


Uw naam

Jouw email

Bericht



En zo ziet het HTML-contactformulier eruit in uw browser:


HTML-contactformulier

PHP-code ziet er als volgt uit:
Hieronder staat de .PHP-code van het contactformulier dat in het bovenstaande downloadbestand is opgenomen.

$ field_name = $ _POST [‘cf_name’];
$ field_email = $ _POST [‘cf_email’];
$ field_message = $ _POST [‘cf_message’];

$ mail_to = ‘YourEmailHere@Email.com’;
$ subject = ‘Bericht van een sitebezoeker‘. $ field_name;

$ body_message = ‘Van:‘. $ veldnaam. ” n”;
$ body_message. = ‘E-mail:‘. $ field_email. ” n”;
$ body_message. = ‘Bericht:‘. $ field_message;

$ headers = ‘Van:‘. $ field_email. ” r n”;
$ headers. = ‘Antwoord aan:‘. $ field_email. ” r n”;

$ mail_status = mail ($ mail_to, $ subject, $ body_message, $ headers);

if ($ mail_status) {?>

alert (‘Bedankt voor uw bericht. We nemen binnenkort contact met u op.’);
window.location = ‘contact_page.html’;


​
anders {?>

alert (‘Bericht mislukt. Stuur een e-mail naar YourEmailHere@Email.com’);
window.location = ‘contact_page.html’;


​
​

Hier ziet u hoe u deze 2 bestanden aan uw website toevoegt:
1 - Download beide bestanden via de link bovenaan deze pagina.
twee - Zodra u beide bestanden heeft uitgepakt, gaat u naar ‘contact.php’ en wijzigt u de e-mailadressen in uw e-mailadres.
3 - Upload vervolgens het bestand ‘contact.php’ naar de root van uw server.
4 - Voeg vervolgens het ‘contact_form.html’ toe aan uw website door de link naar uw ‘contact us here’ tekst toe te voegen.
5 - Eenmaal voltooid, uploadt u dit bestand naar uw website met behulp van FTP.
6 - Ga vervolgens naar uw website en test het contactformulier door het in te vullen en uzelf een e-mail te sturen.
7 - Alles zou moeten werken. Als dit niet het geval is, controleer dan alle links en directoryniveaus om er zeker van te zijn dat de links naar elkaar verwijzen.