Φόρμες

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

Προσθήκη φόρμας στον ιστότοπό σας

1. Μεταβείτε στην καρτέλα Δόμηση από το αριστερό μενού και επιλέξτε την κατηγορία Φόρμες.
2. Μεταφέρετε και αποθέστε το στοιχείο φόρμας στην επιθυμητή θέση της σελίδας. Το μπλε σύμβολο κράτησης θέσης θα υποδεικνύει την πλησιέστερη διαθέσιμη θέση απόθεσης.

Συστατικά φόρμας

1. Στοιχεία: Προσαρμόστε το περιεχόμενο, όπως  πεδία κειμένου, πλαίσια ελέγχου, κουμπιά επιλογής, και το κουμπί πρόσκλησης σε δράση.
2. Ρυθμίσεις: Καθορίστε τι συμβαίνει κατά την υποβολή της φόρμας, όπως αποστολή δεδομένων προς διεύθυνση email ή βάση δεδομένων.

Στοιχεία φόρμας

1. Πεδίο κειμένου

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

Τύποι πεδίου
Η ρύθμιση «Τύπος» καθορίζει τι είδους δεδομένα μπορούν να εισάγουν οι χρήστες:

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

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

Ανέβασμα αρχείων*

- Για την αποθήκευση ανεβασμένων αρχείων, η φόρμα πρέπει να είναι συνδεδεμένη με μια βάση δεδομένων.
- Τα αρχεία που είναι αποθηκευμένα στη βάση δεδομένων θα παραμείνουν προσβάσιμα και θα υπολογίζονται στο όριο αποθήκευσης του λογαριασμού.
- Σύνδεσμοι αρχείων που αποστέλλονται μέσω email δεν χρησιμοποιούν χώρο αποθήκευσης, αλλά λήγουν μετά από 30 ημέρες

2. Περιοχή κειμένου

Το πεδίο φόρμας «Περιοχή κειμένου» είναι παρόμοιο με το πεδίο «Κείμενο», αλλά επιτρέπει εισαγωγή μεγαλύτερου κειμένου, πολλών γραμμών.

Επιλογές προσαρμογής
Εκτός από τις επιλογές που έχει και το πεδίο κειμένου («Όνομα», «Ετικέτα», «Πλάτος», «Υπόδειξη», «Επικύρωση ως» και «Προεπιλεγμένη τιμή»), υπάρχουν οι ακόλουθες επιλογές για την περιοχή κειμένου:

- Ύψος: Ρυθμίστε το ύψος της περιοχής κειμένου, είτε αλλάζοντας τον αριθμό στο πεδίο ύψους είτε σύροντας τα χειριστήρια αλλαγής μεγέθους της περιοχής κειμένου.
- Αναδίπλωση: Καθορίζει τον τρόπο εμφάνισης του κειμένου όταν υποβάλλεται σε email ή εμφανίζεται σε φόρουμ/ιστολόγια.

• Προεπιλογή: Χρησιμοποιεί τις προεπιλεγμένες ρυθμίσεις αναδίπλωσης κειμένου του προγράμματος περιήγησης ή του προγράμματος email.
• Χωρίς: Απενεργοποιεί την αναδίπλωση κειμένου, ώστε το κείμενο να μη χωρίζεται σε γραμμές όταν πληκτρολογείται.
• Φυσική: Εμφανίζει το κείμενο ακριβώς όπως αναδιπλώθηκε στην περιοχή κειμένου.
• Εικονική: Επιτρέπει στο πρόγραμμα email να αποφασίσει πώς θα αναδιπλωθεί το κείμενο.

3. Πεδίο επιλογής

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

Επιλογές προσαρμογής

- Τύπος: Καθορίζει τον τρόπο εμφάνισης των επιλογών:
     - Μενού: Εμφανίζει ένα αναπτυσσόμενο μενού όπου οι χρήστες μπορούν να επιλέξουν ένα στοιχείο.
     - Λίστα: Εμφανίζει όλες τις διαθέσιμες επιλογές σε μια κατακόρυφη λίστα.
- Επιλογές: Αντιπροσωπεύει τα επιλέξιμα στοιχεία του πεδίου.
    - Όνομα επιλογής: Το κείμενο που εμφανίζεται στο αναπτυσσόμενο μενού ή στη λίστα.
    - Τιμή επιλογής: Τα πραγματικά δεδομένα που αποστέλλονται με email όταν επιλεγεί το στοιχείο.
- Σειρά και διαχείριση: Χρησιμοποιήστε τα βέλη πάνω/κάτω για να αναδιατάξετε τις επιλογές, να διαγράψετε ανεπιθύμητες ή να ορίσετε ένα στοιχείο που εμφανίζεται ως προεπιλεγμένο όταν φορτώνεται η φόρμα.

4. Πλαίσια ελέγχου

Τα πλαίσια ελέγχου επιτρέπουν στους χρήστες να επιλέγουν πολλά στοιχεία από μια λίστα ή να ενεργοποιούν/απενεργοποιούν μία επιλογή. Είναι χρήσιμα για περιπτώσεις όπου ο χρήστης μπορεί να κάνει περισσότερες από μία επιλογές ταυτόχρονα.

Επιλογές προσαρμογής
- Όνομα: Το μοναδικό αναγνωριστικό του πλαισίου ελέγχου, που χρησιμοποιείται στον επεξεργαστή προτύπων φόρμας, στα email και στα άρθρα ιστολογίου. Σκεφτείτε το ως την ερώτηση που απαντούν οι χρήστες επιλέγοντας ή αποεπιλέγοντας το πλαίσιο ελέγχου.
- Τιμή: Αντιπροσωπεύει την επιλεγμένη απάντηση. Για παράδειγμα, εάν η τιμή του πλαισίου ελέγχου έχει οριστεί σε «Ναι», επιλέγοντας το πλαίσιο σημαίνει ότι ο χρήστης έχει απαντήσει καταφατικά.
- Επιλεγμένο από προεπιλογή: Εάν είναι ενεργοποιημένο, το πλαίσιο ελέγχου θα είναι επιλεγμένο κατά τη φόρτωση της φόρμας.
- Υποχρεωτικό: Απαιτεί από τους χρήστες να επιλέξουν το πλαίσιο πριν υποβάλουν τη φόρμα. Αυτό είναι χρήσιμο για πλαίσια ελέγχου συμφωνίας, όπως η απαίτηση από τους χρήστες να αποδεχτούν τους Όρους και Προϋποθέσεις πριν από την υποβολή.

5. Κουμπιά επιλογής

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

Επιλογές προσαρμογής
- Όνομα ομάδας: Όλα τα κουμπιά επιλογής που αντιπροσωπεύουν απαντήσεις στην ίδια ερώτηση πρέπει να ανήκουν στην ίδια ομάδα. Μόνο ένα κουμπί ανά ομάδα μπορεί να είναι επιλεγμένο κάθε φορά.
- Τιμή: Αντιπροσωπεύει την επιλεγμένη απάντηση. Για παράδειγμα, εάν η ερώτηση είναι «Σας αρέσει ο ιστότοπός μου;», το όνομα της ομάδας θα μπορούσε να είναι «LikeMySite» και οι τιμές των επιλογών να είναι «Ναι», «Όχι» και «Χρειάζεται περισσότερη δουλειά». Εάν ένας χρήστης επιλέξει «Ναι», η υποβληθείσα απάντηση θα εμφανιστεί ως: LikeMySite: Ναι.
- Προεπιλεγμένη κατάσταση: Επιτρέπει την εμφάνιση ενός κουμπιού ως επιλεγμένου κατά τη φόρτωση της φόρμας.
- Υποχρεωτικό: Απαιτεί από τον χρήστη να επιλέξει ένα στοιχείο πριν από την υποβολή της φόρμας.

6. Φόρμα σχολίων
Ο επεξεργαστής φόρμας περιλαμβάνει έναν ενσωματωμένο οδηγό φόρμας σχολίων, ο οποίος μπορεί εύκολα να προστεθεί επιλέγοντας το εικονίδιο με το «F».

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

7. Μηνύματα επιτυχίας/σφάλματος
Μετά την υποβολή της φόρμας, το σύστημα εμφανίζει ένα μήνυμα επιτυχίας ή σφάλματος. Στον επεξεργαστή, μπορείτε να ρυθμίσετε τη θέση αυτών των μηνυμάτων.

Χρησιμοποιήστε το εικονίδιο «Πληροφορίες» για να επιλέξετε πού θέλετε να εμφανίζονται τα μηνύματα. Στις «Ιδιότητες φόρμας», όταν είναι ενεργοποιημένες οι «Επιλογές για προχωρημένους», μπορείτε επίσης να προσαρμόσετε το μήνυμα επιτυχίας. Εάν το πεδίο παραμείνει κενό, θα εμφανίζεται το προεπιλεγμένο μήνυμα επιτυχίας. Ωστόσο, εάν προτιμάτε, μπορείτε να εισαγάγετε ένα προσαρμοσμένο μήνυμα στις «Ιδιότητες φόρμας», το οποίο θα εμφανίζεται στους επισκέπτες σας μετά την επιτυχή υποβολή της φόρμας.

8. Κουμπί πρόσκλησης σε δράση
Το κουμπί πρόσκλησης σε δράση είναι ένα πολύ σπουδαίο στοιχείο της φόρμας, καθώς επιτρέπει στους χρήστες να υποβάλουν τα σχόλιά τους και να ολοκληρώσουν τις προβλεπόμενες ενέργειες της φόρμας. Χωρίς αυτό, δεν είναι δυνατή η υποβολή της φόρμας.

Για να εισαγάγετε ένα κουμπί πρόσκλησης σε δράση, εντοπίστε το εικονίδιό του στην ενότητα «Ενσωματωμένα στοιχεία» της γραμμής εργαλείων του επεξεργαστή φόρμας και κάντε κλικ σε αυτό. Μόλις προστεθεί, κάντε κλικ στο κουμπί για να το διαμορφώσετε ως κουμπί υποβολής. Στο αναπτυσσόμενο μενού «Σύνδεσμος», επιλέξτε {Υποβολή φόρμας} για να ενεργοποιήσετε την υποβολή φόρμας.

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

Ιδιότητες και προσαρμογή κουμπιού πρόσκλησης σε δράση

- Λεζάντα και υπολεζάντα κουμπιού: Ορίστε το κυρίως κείμενο και το προαιρετικό δευτερεύον κείμενο που εμφανίζεται στο κουμπί.
- Μέγεθος: Επιλέξτε ανάμεσα σε μικρό, μεσαίο και μεγάλο μέγεθος κουμπιού.
- Ελάχιστο πλάτος: Ορίστε ένα ελάχιστο πλάτος κουμπιού για συνέπεια στη διάταξη.
- Λεζάντα και υπολεζάντα κατάδειξης: Καθορίστε εναλλακτικό κείμενο που εμφανίζεται όταν οι χρήστες μετακινούν τον δείκτη πάνω από το κουμπί.
- Μετάβαση κειμένου: Εάν έχει οριστεί λεζάντα κατάδειξης, επιλέξτε ένα εφέ μετάβασης για ομαλή οπτική αλλαγή.
- Εφέ επισήμανσης: Προσθέστε ένα εφέ κίνησης που ενεργοποιείται 3 δευτερόλεπτα μετά τη φόρτωση της σελίδας και επαναλαμβάνεται κάθε 30 δευτερόλεπτα.
- Χρώμα: Επιλέξτε ανάμεσα σε τρία προκαθορισμένα χρώματα κουμπιού.
- Ευθυγράμμιση: Ευθυγραμμίστε το κουμπί με το περιεχόμενο (αριστερά, κέντρο, δεξιά).
- Εσωτερικό περιθώριο: Προσαρμόστε το εσωτερικό περιθώριο του κουμπιού σε pixel για βέλτιστη απόσταση.
- Εικονίδιο κουμπιού: Επιλέξτε ένα εικονίδιο από τη Βιβλιοθήκη εικόνων αρχείου ή ανεβάστε μια προσαρμοσμένη εικόνα.
- Εικονίδιο κατάδειξης: Προαιρετικά, προσθέστε ένα διαφορετικό εικονίδιο που εμφανίζεται όταν ο δείκτης είναι πάνω από το κουμπί.
- Τοποθεσία εικονιδίου: Τοποθετήστε το εικονίδιο πριν ή μετά τη λεζάντα του κουμπιού.

Ρυθμίσεις φόρμας

1. Επόμενη σελίδα
Καθορίστε τη σελίδα που πρέπει να ανοίξει μετά την επιτυχή υποβολή της φόρμας. Μπορεί να είναι μια ειδική ευχαριστήρια σελίδα ή οποιαδήποτε άλλη σχετική σελίδα στον ιστότοπό σας. Από προεπιλογή, η φόρμα έχει ρυθμιστεί ώστε να διατηρεί τους χρήστες στην ίδια σελίδα μετά την επιτυχή υποβολή. Για να το αλλάξετε, επιλέξτε την επιθυμητή σελίδα στο μενού «Τύπος συνδέσμου».

2. Αποστολή σε email
Ενεργοποιήστε την «Αποστολή σε email» για να υποβάλλουν οι επισκέπτες του ιστότοπού σας τη φόρμα μέσω email. Αν το πράξετε, θα εμφανιστούν πρόσθετες επιλογές:

- Email παραλήπτη: Εισαγάγετε τη διεύθυνση email στην οποία πρέπει να παραδίδονται οι υποβαλλόμενες φόρμες (π.χ. [e-mail]).
- Email αποστολέα: Για να διασφαλίσουμε ότι μπορούν να παραδοθούν οι υποβαλλόμενες φόρμες, δεν επιτρέπουμε τον καθορισμό διεύθυνσης email αποστολέα.
- Θέμα email: Ορίστε τη γραμμή θέματος του email (π.χ. «Νέο αίτημα πληροφοριών»). Μπορείτε επίσης να χρησιμοποιήσετε χαρακτήρες μπαλαντέρ $xxxxx$ για να εξατομικεύσετε το θέμα με βάση όσα έχει εισαγάγει ο χρήστης.

3. Μορφή email και επεξεργαστής προτύπων
Επιλέξτε τη μορφή του email:

- Απλό: Στέλνει email με σκέτο κείμενο, αφαιρώντας οποιαδήποτε μορφοποίηση.
- HTML: Στέλνει μορφοποιημένα email, αρκεί το πρόγραμμα email σας να υποστηρίζει HTML.

Για προσαρμοσμένες διατάξεις email, επιλέξτε «Χρήση προτύπου», για να ανοίξετε τον επεξεργαστή προτύπων:

- Ο επεξεργαστής προτύπων λειτουργεί ως απλοποιημένος επεξεργαστής κειμένου και εικόνας.
- Χρησιμοποιήστε το αναπτυσσόμενο μενού «Τιμή» για να εισαγάγετε σύμβολα κράτησης θέσης που αντιστοιχούν σε πεδία φόρμας.
- Μόλις αποθηκευτεί, κάθε υποβαλλόμενη φόρμα θα δημιουργεί ένα email με βάση τη δομή του προτύπου σας.

4. Αποστολή email επιβεβαίωσης
Αυτή η δυνατότητα στέλνει αυτόματα απάντηση στους επισκέπτες, η οποία επιβεβαιώνει την υποβολή.

- Email παραλήπτη: Εισαγάγετε τη διεύθυνση email στην οποία πρέπει να παραδίδονται οι υποβαλλόμενες φόρμες (π.χ. [e-mail]).
- Email αποστολέα: Για να διασφαλίσουμε ότι μπορούν να παραδοθούν οι υποβαλλόμενες φόρμες, δεν επιτρέπουμε τον καθορισμό διεύθυνσης email αποστολέα.
- Θέμα email: Ορίστε τη γραμμή θέματος του email (π.χ. «Νέο αίτημα πληροφοριών»).
- Περιεχόμενο μηνύματος: Πατήστε «Χρήση προτύπου» > «Επεξεργασία» για να ανοίξετε τον επεξεργαστή προτύπων κειμένου, όπου μπορείτε να προσαρμόσετε το μήνυμα επιβεβαίωσης. Χρησιμοποιήστε ετικέτες συγχώνευσης για να εισαγάγετε δεδομένα πεδίων της φόρμας (π.χ. $Email$).

5. Αποστολή σε βάση δεδομένων
Ενεργοποιήστε την «Αποστολή σε βάση δεδομένων» ώστε τα δεδομένα που υποβάλλονται μέσω φόρμας να αποθηκεύονται σε μια βάση δεδομένων που φιλοξενείται στον ιστότοπο. Η φόρμα δημιουργεί αυτόματα μια ειδική βάση δεδομένων με τις απαιτούμενες στήλες που αντιστοιχούν στα ονόματα των πεδίων της φόρμας και στους τύπους δεδομένων τους. Μπορείτε επίσης να χρησιμοποιήσετε μια βάση δεδομένων την οποία έχετε εισαγάγει, αρκεί οι στήλες της να έχουν ονόματα και τύπους που αντιστοιχούν στα πεδία της φόρμας.

Πρόσθετες ρυθμίσεις:
- Απαιτείται επιβεβαίωση: Στέλνει ένα email με σύνδεσμο επιβεβαίωσης στον οποίο πρέπει να κάνουν κλικ οι χρήστες για να επικυρώσουν την υποβολή τους.
- Απαιτείται έγκριση: Ειδοποιεί έναν συντονιστή μέσω email, απαιτώντας από αυτόν να εγκρίνει ή να απορρίψει την υποβολή πριν αποθηκευτεί. Αυτό βοηθά στην αποτροπή ανεπιθύμητων ή τυχαίων υποβολών.

Για περισσότερες λεπτομέρειες, ανατρέξτε στο πρόγραμμα εκμάθησης Επεξεργαστής βάσης δεδομένων.