Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο

Πίνακας περιεχομένων:

Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο
Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο

Βίντεο: Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο

Βίντεο: Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο
Βίντεο: Πώς να φτιάξεις μία Iστοσελίδα με WordPress 2020 - Tο καλύτερο Tutorial στα ελληνικά! 2024, Απρίλιος
Anonim

Η τοποθέτηση μιας φόρμας παραγγελίας στον ιστότοπο είναι πολύ αποτελεσματική. Με αυτήν τη φόρμα, οι επισκέπτες δεν χρειάζεται να περιμένουν μέχρι την εργάσιμη ημέρα για να αγοράσουν αγαθά ή να παραγγείλουν υπηρεσίες. Επιπλέον, εάν τα δεδομένα από τη φόρμα θα σταλούν μέσω email, δεν χρειάζεται να γράψετε ένα σενάριο για να επεξεργαστείτε τα δεδομένα παραγγελίας στον διακομιστή. Μπορείτε να δημιουργήσετε μια φόρμα παραγγελίας για τον ιστότοπό σας χρησιμοποιώντας τη γλώσσα σήμανσης HTML (HyperText Markup Language).

Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο
Πώς να φτιάξετε μια φόρμα παραγγελίας για έναν ιστότοπο

Οδηγίες

Βήμα 1

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

Βήμα 2

Εισαγάγετε μια ετικέτα έναρξης με το χαρακτηριστικό της μεθόδου που έχει οριστεί σε "ανάρτηση". Επιπλέον, προσθέστε ένα χαρακτηριστικό ενέργειας που αποτελείται από το "mailto" και τη διεύθυνση email στην οποία θα σταλούν τα αποτελέσματα της φόρμας. Για παράδειγμα:

Βήμα 3

Εισαγάγετε ένα όνομα για το στοιχείο φόρμας, για παράδειγμα, "Το όνομά σας".

Βήμα 4

Πληκτρολογήστε μια ετικέτα και εισαγάγετε μέσα στην ετικέτα για να δημιουργήσετε ένα πλαίσιο κειμένου. Εισαγάγετε το χαρακτηριστικό name και εκχωρήστε οποιαδήποτε τιμή της επιλογής σας για να προσδιορίσετε αυτές τις πληροφορίες όταν σας αποστέλλονται. Τέλος, μια τιμή για το χαρακτηριστικό value, όπως "Εισαγάγετε το όνομά σας", θα ζητήσει από τους χρήστες να συμπληρώσουν ένα συγκεκριμένο μέρος της φόρμας. Για παράδειγμα:

Βήμα 5

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

(Πληρωμή σε μετρητά)

(Πληρωμή με πιστωτική κάρτα)

Βήμα 6

Εισαγάγετε ένα άλλο στοιχείο και ορίστε τον τύπο στο "πλαίσιο ελέγχου" για να επιτρέψετε στους χρήστες να ελέγχουν περισσότερες από μία επιλογές στη φόρμα παραγγελίας. Για παράδειγμα:

(Επικοινωνήστε μαζί μου όταν αποστέλλεται η παραγγελία)

(Εγγραφείτε στο ενημερωτικό δελτίο)

Βήμα 7

Δημιουργήστε ένα κουμπί "Υποβολή" πληκτρολογώντας την ετικέτα και πληκτρολογήστε ίσο με "Υποβολή", τιμή ορίζεται σε "Υποβολή". Επίσης, σε μια άλλη ετικέτα, κάντε το κουμπί "Επαναφορά" ρυθμίζοντας τον τύπο σε "επαναφορά" και την τιμή σε "Επαναφορά". Για παράδειγμα, όπως αυτό:

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

Βήμα 8

Εισαγάγετε μια τελική ετικέτα για να συμπληρώσετε τη φόρμα. Αποθηκεύστε τη σελίδα.

Συνιστάται: