Ako pridať „HTML formulár Kontaktujte nás“ na ľubovoľný web

Vyskúšajte Náš Nástroj Na Odstránenie Problémov

Toto jednoduché návod na kontaktný formulár vás naučí, ako vytvoriť veľmi jednoduchý kontaktný formulár pre webovú stránku založenú na HTML . Prvý súbor bude obsahovať správny kód HTML pre formulár a druhý súbor spracuje údaje z formulára pomocou php. Stiahnite si 2 potrebné súbory TU . (Stiahnutý súbor je 1 súbor HTML a 1 súbor PHP - celkom 2 súbory) Sú spojené zipsom a jediné stiahnutie obsahuje oba súbory.

HTML kód, kontaktujte nás, bude vyzerať takto:
Ďalej je uvedený HTML kód kontaktného formulára, ktorý je obsiahnutý v súbore na stiahnutie vyššie.


Tvoje meno

Tvoj email

Správa



Takto bude vo vašom prehliadači vyzerať kontaktný formulár HTML:


Kontaktný formulár HTML

Kód PHP bude vyzerať takto:
Ďalej je uvedený .PHP kód kontaktného formulára, ktorý je obsiahnutý v súbore na stiahnutie vyššie.

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

$ mail_to = 'YourEmailHere@Email.com';
$ subject = ‘Správa od návštevníka stránky‘. $ field_name;

$ body_message = ‘Od:‘. $ pole_name. ” n”;
$ body_message. = ‘E-mail:‘. $ field_email. ” n”;
$ body_message. = ‘Správa:‘. $ field_message;

$ headers = ‘From:‘. $ field_email. ” r n”;
$ headers. = ‘Odpovedať na:‘. $ field_email. ” r n”;

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

if ($ mail_status) {?>

upozornenie („Ďakujeme vám za správu. Čoskoro vás budeme kontaktovať.“);
window.location = ‘contact_page.html‘;


}
else {?>

upozornenie („Správa zlyhala. Zašlite prosím e-mail na adresu YourEmailHere@Email.com“);
window.location = ‘contact_page.html‘;


}
?>

Týmto spôsobom môžete na svoju webovú stránku pridať tieto 2 súbory:
1 - Stiahnite si oba súbory pomocou odkazu v hornej časti tejto stránky.
dva - Keď máte oba súbory rozbalené, choďte do súboru „contact.php“ a zmeňte e-mailové adresy na svoju e-mailovú adresu.
3 - Potom nahrajte súbor „contact.php“ do koreňového adresára vášho servera.
4 - Ďalej pridajte na svoju webovú stránku „contact_form.html“ pridaním odkazu na svoj text „kontaktujte nás tu“.
5 - Po dokončení nahrajte tento súbor na svoj web pomocou protokolu FTP.
6 - Ďalej prejdite na svoj web a vyskúšajte kontaktný formulár vyplnením a odoslaním e-mailu.
7 - Všetko by malo fungovať. Ak nie, skontrolujte všetky odkazy a úrovne adresárov, aby ste sa ubezpečili, že odkazy smerujú k sebe.