วิธีเพิ่ม 'แบบฟอร์มติดต่อเรา 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 = 'จาก:'. $ field_name.” n”;
$ body_message. = 'อีเมล:'. $ field_email.” n”;
$ body_message. = ‘ข้อความ:‘. $ field_message;

$ headers = 'จาก:'. $ field_email.” r ​​ n”;
$ headers. = 'ตอบกลับ:'. $ field_email.” r ​​ n”;

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

ถ้า ($ 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 - ทุกอย่างควรจะใช้งานได้ หากไม่ตรวจสอบลิงก์และระดับไดเร็กทอรีทั้งหมดเพื่อให้แน่ใจว่าลิงก์ชี้ถึงกัน