كيفية إضافة 'نموذج HTML للاتصال بنا' إلى أي موقع ويب

جرب أداة القضاء على المشاكل

هذا بسيط نموذج الاتصال التعليمي سوف يعلمك كيفية إنشاء ملف نموذج الاتصال لموقع ويب يستند إلى HTML . سيحتوي الملف الأول على كود HTML المناسب للنموذج وسيقوم الملف الثاني بمعالجة البيانات من النموذج باستخدام php. قم بتنزيل الملفين المطلوبين هنا . (ملف التنزيل هو ملف HTML واحد وملف PHP واحد - إجمالي ملفين) يتم ضغطهما معًا ويحتوي التنزيل الفردي على كلا الملفين.

سيبدو رمز 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. = 'Reply-To:‘. $ 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' ؛


}
؟>

إليك كيفية إضافة هذين الملفين إلى موقع الويب الخاص بك:
1 - قم بتنزيل كلا الملفين باستخدام الرابط الموجود أعلى هذه الصفحة.
اثنين - بمجرد فك ضغط كلا الملفين ، انتقل إلى 'contact.php' وقم بتغيير عناوين البريد الإلكتروني إلى عنوان بريدك الإلكتروني.
3 - ثم قم بتحميل ملف 'contact.php' إلى جذر الخادم الخاص بك.
4 - قم بعد ذلك بإضافة 'contact_form.html' إلى موقع الويب الخاص بك عن طريق إضافة الرابط إلى نص 'اتصل بنا هنا'.
5 - بمجرد الانتهاء ، قم بتحميل هذا الملف إلى موقع الويب الخاص بك باستخدام FTP.
6 - انتقل بعد ذلك إلى موقع الويب الخاص بك واختبر نموذج الاتصال عن طريق ملئه وإرسال بريد إلكتروني إلى نفسك.
7 - كل شيء يجب أن يعمل. إذا لم يكن الأمر كذلك ، فتحقق من جميع الروابط ومستويات الدليل للتأكد من أن الروابط تشير إلى بعضها البعض.