Τρίτη 16 Μαρτίου 2010


Επειδή .... κάθε ιστοσελίδα πρέπει να έχει μια φόρμα επικοινωνίας

Όλο και περισσότεροι άνθρωποι την σημερινή εποχή της τεχνολογικής ανάπτυξης , έχουν στη διάθεση τους μια ατομική/εταιρική ιστοσελίδα ή κάποιο ιστολόγιο , δημιουργία κάποιας εταιρίας είτε δική τους και θέλουν να ενσωματώσουν στην υπάρχουσα εφαρμογή μια φόρμα επικοινωνίας ώστε να μπορεί ο επισκέπτης τους να αφήσει κάποιο μήνυμα , να κάνει μια παραγγελία , να συμπληρώσει κάποιο ερωτηματολόγιο βελτιώνοντας με αυτό τον τρόπο τη σχέση μεταξύ ιστοσελίδας και επισκέπτη. Επίσης , είναι πολλά τα άτομα εκείνα τα οποία αναζητούν για τη δουλειά τους (βλ. προγραμματιστές - αναλυτές) έναν εύκολο τρόπο ώστε να δημιουργήσουν μια γρήγορη φόρμα για τους πελάτες τους η οποία να ικανοποιήσει την ξεχωριστή ανάγκη του καθένα από αυτούς ώστε να υπάρχει μια άμεση σχέση μεταξύ αυτών και των ατόμων που τους επισκέπτονται στο ηλεκτρονικό τους κατάστημα , παρέχοντας τους ταυτόχρονα τη δυνατότητα να τροποποιούν κατά περίσταση πολύ εύκολα μια αρχική φόρμα αναλόγως απαιτήσεων των πελατών.

Οι φόρμες επικοινωνίας αποτελούν μια αποδοτική μέθοδο συνεργασίας με τους επισκέπτες μιας ιστοσελίδας , για συλλογή σημαντικών δεδομένων , για δημιουργία ερωτηματολογίων , για λήψη παραγγελιών από τους πελάτες. Εξαιτίας του γεγονότος ότι η παλαιά μέθοδος επικοινωνίας με τους επισκέπτες (δήλωση διεύθυνσης email στην ιστοσελίδα , πχ : orders@example.gr) εκμεταλλεύτηκε από τους spammers (ενοχλητική αλληλογραφία), οι φόρμες παραγγελίας έγιναν πολύ δημοφιλείς.

Η πιο απλή φόρμα επικοινωνίας που συνήθως χρησιμοποιείται σε κάποια ιστοσελίδα/ιστολόγιο περιλαμβάνει το όνομα του επισκέπτη , τη διεύθυνση του email και το μήνυμα που επιθυμεί να γράψει. Συνήθως , οι ιδιοκτήτες ιστοσελίδων δημιουργούν φόρμες ώστε να επιτρέπουν την εγγραφή σε λίστες διανομής ειδήσεων (newsletter) , φόρμες για την αποστολή σχολίων , προτάσεων , καταγγελιών , και ερωτήσεων για τη συγκεκριμένη ιστοσελίδα. Οι σύνθετες φόρμες επικοινωνίας επιτρέπουν στους επισκέπτες την ανάρτηση (upload) αρχείων με τη βοήθεια της φόρμας , την επικύρωση εισερχόμενων δεδομένων (πχ : ο αριθμός τηλεφώνου να περιέχει μόνο αριθμούς ) , την αποστολή μηνύματος επιβεβαίωσης στον επισκέπτη. Το πρόβλημα της ενοχλητικής αλληλογραφίας (spam) επηρέασε και τις φόρμες επικοινωνίας , για το λόγο αυτό χρησιμοποιούν εικόνες επιβεβαίωσης (Captcha) ώστε οι φόρμες να χρησιμοποιούνται μόνο από αληθινούς επισκέπτες (και όχι από web robots).


Μπορείτε να δημιουργήσετε γρήγορα , μέσα σε μερικά μόνο λεπτά , μια φόρμα απλή και ελκυστική , προσαρμοσμένη ώστε να ταιριάξει απόλυτα με την αισθητική της ιστοσελίδας σας. Επιπλέον , υπάρχει δυνατότητα πρόσβασης σε εξαιρετικά χρήσιμες λειτουργίες όπως : αρχείο μηνυμάτων , στατιστικά μηνυμάτων , εξαγωγή σε excel , πολλαπλό αποστολέα , προσαρμοσμένο αποστολέα (με βάση τι συμπληρώνει ο επισκέπτης) κτλ.

Παρακάτω μπορείτε να δείτε ένα πιό σύνθετο παράδειγμα φόρμας που μπορείτε να χρησιμοποιήσετε στην ιστοσελίδα σας.


Τα βήματα που πρέπει να ακολουθήσετε

1. Πατήστε εδώ ώστε να αρχίσετε άμεσα τη δημιουργία της φόρμα σας.
2. Κάντε την εγγραφή σας (δωρεάν) και πατήστε "Create account".

3. Συνδεθείτε στο προσωπικό σας ταχυδρομείο (e-mail) και πατήστε το σύνδεσμο από το μήνυμα που θα λάβετε ώστε να επιβεβαιώσετε τη διεύθυνση σας.
4. Συνδεθείτε στο 123contactform και πατήστε το κουμπί "New form".
5. Συμπληρώστε τα στοιχεία της καινούργιας φόρμας και πατήστε "Save Form" μετά την κάθε σας αλλαγή.Σε περίπτωση που δεν γνωρίζετε τι να συμπληρώσετε στα κουτάκια συμβουλευτείτε το ερωτηματικό δίπλα στο κάθε κουτί λαμβάνοντας τις αντίστοιχες πληροφορίες.

6. Στην επόμενη σελίδα δημιουργείτε με τη βοήθεια του οδηγού τη φόρμα σας προσθέτοντας τα πεδία που θέλετε να εμφανίζονται στους επισκέπτες , διαλέγοντας μεταξύ διαφορετικών τύπων πεδίων ανάλογα με τη χρήση (όπως text field - text area field - Checkbox - Radio button - Dropdown list)έχοντας ταυτόχρονα τη δυνατότητα να τεστάρετε τη φόρμα σας.

7.Στην επόμενη σελίδα διαλέγετε μέσα από μια μεγάλη γκάμα το κατάλληλο πρότυπο (template) που ταιριάζει περισσότερο στην ιστοσελίδα σας.

8.Επόμενο βήμα το πάτημα "Get HTML code" από το οποίο αντιγράφουμε με το πάτημα ενός κουμπιού (copy) τον κώδικα html που επιθυμούμε (με πολλαπλές επιλογές ανάλογα με α) τη χρήση στη δικιά σας ιστοσελίδα σαν κομμάτι αυτής β) σαν σύνδεσμος κειμένου - κουμπί που ανοίγει τη φόρμα σε κανονικό παράθυρο ή σε ένα ελκυστικό πλαίσιο γ) σαν φόρμα σε ένα iFrame.

9.Επικολλήστε τον κώδικα που δημιουργήθηκε στην εφαρμογή μας.

AYTO HTAN! Μόλις δημιουργήσατε σε λιγότερο από 10 βήματα τη φόρμα που χρειάζεστε για την ιστοσελίδα και το ιστολόγιο (blog) σας μέσα σε μερικά μόλις λεπτά. ENJOY:-)