HTML-yhteydenottolomakkeen lisääminen mille tahansa verkkosivustolle

Kokeile Instrumenttia Ongelmien Poistamiseksi

Tämä on yksinkertaista yhteydenottolomakkeen opetusohjelma opettaa sinulle kuinka luoda hyvin yksinkertainen HTML-pohjaisen verkkosivuston yhteydenottolomake . Ensimmäinen tiedosto sisältää oikean HTML-koodin lomakkeelle ja toinen tiedosto käsittelee lomakkeen tiedot käyttämällä php: tä. Lataa 2 tarvittavaa tiedostoa TÄSSÄ . (Lataustiedosto on yksi HTML-tiedosto ja yksi PHP-tiedosto - yhteensä 2 tiedostoa) Ne on pakattu yhteen ja yksi lataus sisältää molemmat tiedostot.

HTML-yhteydenottokoodi näyttää tältä:
Alla on yllä olevan lataustiedoston sisältämän yhteydenottolomakkeen HTML-koodi.


Sinun nimesi

Sähköpostisi

Viesti



Näin HTML-yhteydenottolomake näyttää selaimessasi:


HTML-yhteydenottolomake

PHP-koodi näyttää tältä:
Alla on yllä olevan lataustiedoston sisältämän yhteydenottolomakkeen .PHP-koodi.

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

$ mail_to = ‘YourEmailHere@Email.com’;
$ subject = 'Sivustokäyttäjän viesti'. $ field_name;

$ body_message = ‘Lähettäjä:‘. $ kentän_nimi. ” n”;
$ body_message. = ‘Sähköposti:‘. $ field_email. ” n”;
$ body_message. = ‘Viesti:’. $ field_message;

$ headers = ‘Lähettäjä:’. $ kenttä_sähköposti. ” r n”;
$ header. = ‘Vastaus-Vastaanottaja:’. $ field_email. ” r n”;

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

if ($ mail_status) {?>

hälytys (‘Kiitos viestistäsi. Otamme sinuun pian yhteyttä.’);
window.location = ’contact_page.html’;


}
muu {?>

hälytys (‘Viesti epäonnistui. Lähetä sähköpostia osoitteeseen YourEmailHere@Email.com’);
window.location = ’contact_page.html’;


}
?>

Näin lisäät nämä 2 tiedostoa verkkosivustollesi:
1 - Lataa molemmat tiedostot tämän sivun yläosassa olevan linkin avulla.
kaksi - Kun molemmat tiedostot on purettu, siirry ”contact.php” -ohjelmaan ja vaihda sähköpostiosoitteet sähköpostiosoitteeksi.
3 - Lataa sitten ”contact.php” -tiedosto palvelimesi juuriin.
4 - Lisää seuraavaksi 'contact_form.html' verkkosivustollesi lisäämällä linkki 'ota yhteyttä tänne' -tekstiin.
5 - Kun olet valmis, lataa tämä tiedosto verkkosivustollesi FTP: n avulla.
6 - Siirry seuraavaksi verkkosivustollesi ja testaa yhteydenottolomake täyttämällä se ja lähettämällä itsellesi sähköposti.
7 - Kaiken pitäisi toimia. Jos ei, tarkista kaikki linkit ja hakemistotasot varmistaaksesi, että linkit osoittavat toisiinsa.