Kako na bilo koju web stranicu dodati ‘HTML obrazac za kontaktiranje’

Isprobajte Naš Instrument Za Uklanjanje Problema

Ovo jednostavno kontakt obrazac tutorial naučit će vas kako stvoriti vrlo jednostavno obrazac za kontakt za web stranicu zasnovanu na HTML-u . Prva datoteka sadržavat će odgovarajući HTML kôd za obrazac, a druga će obrađivati ​​podatke iz obrasca pomoću php-a. Preuzmite 2 potrebne datoteke OVDJE . (Datoteka za preuzimanje je 1 HTML datoteka i 1 PHP datoteka - Ukupno 2 datoteke) Povezani su u zipove i jedno preuzimanje sadrži obje datoteke.

HTML kod za kontakt nas će izgledati ovako:
Ispod je HTML kôd obrasca za kontakt koji se nalazi u gornjoj datoteci za preuzimanje.


Tvoje ime

Tvoj email

Poruka



A ovako će izgledati HTML obrazac za kontakt u vašem pregledniku:


HTML obrazac za kontakt

PHP kôd izgledat će ovako:
Ispod je .PHP kôd obrasca za kontakt koji se nalazi u gornjoj datoteci za preuzimanje.

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

$ mail_to = ‘YourEmailHere@Email.com’;
$ subject = 'Poruka posjetitelja stranice'. $ field_name;

$ body_message = ‘Od:‘. $ ime_polja. ” n”;
$ body_message. = 'E-pošta:'. $ field_email. ” n”;
$ body_message. = 'Poruka:'. $ field_message;

$ zaglavlja = ‘Od:‘. $ field_email. ” r n”;
$ zaglavlja. = 'Odgovor na odgovor:'. $ field_email. ' r n';

$ mail_status = pošta ($ mail_to, $ subject, $ body_message, $ zaglavlja);

if ($ mail_status) {?>

upozorenje (‘Hvala na vašoj poruci. Uskoro ćemo vas kontaktirati.’);
window.location = ‘kontakt_stranica.html’;


}
inače {?>

upozorenje (‘Poruka nije uspjela. Pošaljite e-poštu na YourEmailHere@Email.com’);
window.location = ‘kontakt_stranica.html’;


}
?>

Evo kako dodati ove dvije datoteke na svoje web mjesto:
1 - preuzmite obje datoteke pomoću veze na vrhu ove stranice.
dva - Jednom kada ste obje datoteke raspakirali, uđite u kontakt.php i promijenite adrese e-pošte u svoju adresu e-pošte.
3 - Zatim prenesite datoteku ‘contact.php’ u korijen vašeg poslužitelja.
4 - Zatim dodajte 'contact_form.html' na svoje web mjesto dodavanjem veze na vaš tekst 'kontaktirajte nas ovdje'.
5 - Kad završite, prenesite ovu datoteku na svoje web mjesto pomoću FTP-a.
6 - Zatim idite na svoje web mjesto i testirajte obrazac za kontakt tako što ćete ga ispuniti i poslati si e-poštu.
7 - Sve bi trebalo raditi. Ako ne provjerite sve veze i razine direktorija kako biste bili sigurni da veze upućuju jedna na drugu.