Πώς να προσθέσετε μια φόρμα «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 = ‘From:‘. $ field_name. ” n»;
$ body_message. = 'E-mail:'. $ field_email. ' n';
$ body_message. = ‘Μήνυμα:’. $ field_message;

$ headers = 'From:'. $ 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’;


}
αλλιώς {?>

ειδοποίηση («Το μήνυμα απέτυχε. Στείλτε ένα email στο YourEmailHere@Email.com»);
window.location = ‘contact_page.html’;


}
?>

Δείτε πώς μπορείτε να προσθέσετε αυτά τα 2 αρχεία στον ιστότοπό σας:
1 - Κατεβάστε και τα δύο αρχεία χρησιμοποιώντας τον σύνδεσμο στο πάνω μέρος αυτής της σελίδας.
δύο - Αφού αποσυνδέσετε και τα δύο αρχεία, μεταβείτε στο 'contact.php' και αλλάξτε τις διευθύνσεις email στη διεύθυνση email σας.
3 - Στη συνέχεια, ανεβάστε το αρχείο 'contact.php' στη ρίζα του διακομιστή σας.
4 - Στη συνέχεια, προσθέστε το 'contact_form.html' στον ιστότοπό σας προσθέτοντας το σύνδεσμο στο κείμενο 'επικοινωνήστε μαζί μας εδώ'.
5 - Μόλις ολοκληρωθεί, μεταφορτώστε αυτό το αρχείο στον ιστότοπό σας χρησιμοποιώντας FTP.
6 - Στη συνέχεια, μεταβείτε στον ιστότοπό σας και δοκιμάστε τη φόρμα επικοινωνίας συμπληρώνοντάς την και στέλνοντας email στον εαυτό σας.
7 - Όλα πρέπει να λειτουργούν. Εάν όχι, ελέγξτε όλους τους συνδέσμους και τα επίπεδα καταλόγου για να βεβαιωθείτε ότι οι σύνδεσμοι οδηγούν μεταξύ τους.