Как да добавите „HTML формуляр за връзка с нас“ към всеки уебсайт

Опитайте Нашия Инструмент За Премахване На Проблемите

Това просто урок за формуляр за контакт ще ви научи как да създадете много проста форма за контакт за уебсайт, базиран на HTML . Първият файл ще съдържа правилния HTML код за формуляра, а вторият файл ще обработва данните от формуляра с помощта на php. Изтеглете необходимите 2 файла ТУК . (Файлът за изтегляне е 1 HTML файл и 1 PHP файл - общо 2 файла) Те са компресирани заедно и едно изтегляне съдържа и двата файла.

HTML код за контакт с нас ще изглежда така:
По-долу е HTML кодът на формата за контакт, който се съдържа в файла за изтегляне по-горе.


Твоето име

Твоят имейл

Съобщение



И ето как ще изглежда HTML формата за контакт във вашия браузър:


HTML форма за контакт

PHP кодът ще изглежда така:
По-долу е .PHP кодът на формуляра за контакт, който се съдържа в файла за изтегляне по-горе.

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

$ mail_to = ‘YourEmailHere@Email.com’;
$ subject = ‘Съобщение от посетител на сайта’. $ field_name;

$ body_message = ‘От:‘. $ име_поле. ” n”;
$ body_message. = ‘Имейл:‘. $ field_email. ” n”;
$ body_message. = ‘Съобщение:‘. $ field_message;

$ headers = ‘От:‘. $ field_email. ” r n”;
$ headers. = ‘Отговор до:‘. $ field_email. ” r n”;

$ mail_status = поща ($ mail_to, $ subject, $ body_message, $ headers);

if ($ mail_status) {?>

предупреждение („Благодаря ви за съобщението. Скоро ще се свържем с вас.“);
window.location = ‘contact_page.html’;


}
друго {?>

предупреждение („Съобщението не бе успешно. Моля, изпратете имейл на YourEmailHere@Email.com“);
window.location = ‘contact_page.html’;


}
?>

Ето как да добавите тези 2 файла към вашия уебсайт:
1 - Изтеглете двата файла, като използвате връзката в горната част на тази страница.
две - След като двата файла са разархивирани, влезте в ‘contact.php’ и променете имейл адресите на имейл адреса си.
3 - След това качете файла ‘contact.php’ в корена на вашия сървър.
4 - След това добавете „contact_form.html“ към уебсайта си, като добавите връзката към текста „свържете се с нас тук“.
5 - След като завършите, качете този файл на вашия уебсайт с помощта на FTP.
6 - След това отидете на вашия уебсайт и тествайте формата за контакт, като го попълните и си изпратите имейл.
7 - Всичко трябва да работи. Ако не проверите всички връзки и нива на директории, за да сте сигурни, че връзките сочат една към друга.