Πώς να φτιάξεις μια φόρμα στην ιστοσελίδα σου (εργαλεία φορμών χωρίς κώδικα)

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

Πρόχειρο

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

Να τη φτιάξεις μόνος σου είναι εύκολο. Δεν χρειάζεται να ξέρεις κώδικα ούτε να πληρώσεις κανέναν. Χρησιμοποιείς ένα εργαλείο φορμών, δηλαδή ένα εργαλείο όπου φτιάχνεις φόρμες σέρνοντας πεδία και πατώντας λίγα κουμπιά. Αυτό είναι όλο.

Υπάρχουν όμως 50 εργαλεία φορμών και όλα λένε ότι είναι εύκολα και έχουν πρότυπα. Πώς διαλέγεις το σωστό; Σε αυτό το άρθρο θα δεις τι κάνουν τα εργαλεία φορμών, πώς να διαλέξεις ένα, τι να προσέξεις και ποια λάθη κάνουν οι άνθρωποι στην πρώτη τους φόρμα.

Τι είναι ένα εργαλείο φορμών;

Ένα εργαλείο φορμών είναι λογισμικό που σου επιτρέπει να φτιάχνεις και να δημοσιεύεις online φόρμες χωρίς κώδικα. Σέρνεις πεδία σε μια φόρμα, ορίζεις τις ετικέτες τους, προσαρμόζεις την εμφάνιση και συνδέεις τι γίνεται όταν κάποιος κάνει υποβολή. Χωρίς HTML, χωρίς JavaScript, χωρίς γνώσεις backend.

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

Χρειάζεσαι εργαλείο φορμών ή κώδικα;

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

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

Οι περισσότερες ιστοσελίδες χρησιμοποιούν εργαλείο. Οι περισσότερες εφαρμογές χρησιμοποιούν κώδικα. Αν φτιάχνεις ιστοσελίδα (όχι εφαρμογή), το εργαλείο φορμών είναι η σωστή επιλογή.

Τύποι εργαλείων φορμών

Αυτόνομα εργαλεία φορμών

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

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

Εργαλεία φορμών μέσα σε δημιουργούς ιστοσελίδων

Αν φτιάχνεις την ιστοσελίδα σου σε CMS ή σε δημιουργό ιστοσελίδων, η πλατφόρμα συνήθως έχει ενσωματωμένα εργαλεία φορμών. Οι περισσότεροι δημιουργοί ιστοσελίδων και πλατφόρμες e-shop περιλαμβάνουν φόρμες.

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

Αυτόνομα εργαλεία με ενσωμάτωση

Αυτά τα εργαλεία φτιάχνουν φόρμες στον editor τους, αλλά σου επιτρέπουν να τις ενσωματώσεις στην ιστοσελίδα σου με iframe ή κομμάτι κώδικα. Πολλά εργαλεία φορμών τύπου ερωτηματολογίου ανήκουν εδώ. Η φόρμα εμφανίζεται στη σελίδα σου, αλλά το backend φιλοξενείται από αυτούς.

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

Πώς αξιολογείς ένα εργαλείο φορμών

Έχει τα πεδία που χρειάζεσαι;

Τα περισσότερα εργαλεία έχουν βασικά πεδία: κείμενο, email, τηλέφωνο, αναπτυσσόμενη λίστα, checkbox, radio button. Τι γίνεται όμως αν χρειάζεσαι πεδίο υπογραφής; Επιλογή ημερομηνίας; Μεταφόρτωση αρχείου; Δες τη λίστα πεδίων του εργαλείου πριν δεσμευτείς.

Ένα καλό εργαλείο έχει τουλάχιστον 15 τύπους πεδίων. Ένα πολύ καλό σου επιτρέπει να φτιάξεις δικά σου πεδία αν χρειάζεσαι κάτι ξεχωριστό.

Μπορείς να ελέγξεις τι γίνεται στην υποβολή;

Όταν κάποιος υποβάλλει μια φόρμα, πού πάνε τα δεδομένα; Τι γίνεται μετά;

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

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

Μπορείς να αλλάξεις το στυλ;

Κάποια εργαλεία έχουν περιορισμένες επιλογές στυλ. Διαλέγεις ανάμεσα σε 3 θέματα και τέλος. Άλλα σου επιτρέπουν να αλλάξεις κάθε χρώμα, γραμματοσειρά και απόσταση.

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

Μπορείς να εμφανίζεις ή να κρύβεις πεδία ανάλογα με τις απαντήσεις;

Η λογική υπό όρους είναι κρίσιμη για μεγαλύτερες φόρμες. Αν κάποιος πει «Χρειάζομαι ιστοσελίδα», δείξε του ερωτήσεις για τον προϋπολογισμό του. Αν πει «Έχω ήδη ιστοσελίδα», παράλειψε αυτή την ενότητα.

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

Είναι φιλικό σε κινητά;

Οι μισοί επισκέπτες σου είναι σε κινητό. Αν η φόρμα δυσκολεύει στο κινητό, θα την εγκαταλείψουν. Δοκίμασε την εμπειρία του εργαλείου σε κινητό πριν δεσμευτείς. Στοιβάζονται σωστά τα πεδία; Είναι εύκολο το πληκτρολόγιο; Δουλεύουν τα κουμπιά στην αφή;

Τι ενσωματώσεις έχει;

Συνδέεται η φόρμα με την πλατφόρμα email σου; Με το CRM σου; Με τον πάροχο πληρωμών σου; Δες τη λίστα ενσωματώσεων πριν διαλέξεις εργαλείο. Κάποια έχουν 500+ ενσωματώσεις. Κάποια έχουν 5.

Ποια είναι τα όρια στις υποβολές;

Τα δωρεάν εργαλεία φορμών έχουν συχνά όρια. 100 υποβολές τον μήνα. Μετά πληρώνεις. Κάποια χρεώνουν ανά υποβολή. Άλλα χρεώνουν σταθερή μηνιαία τιμή.

Υπολόγισε τον όγκο που περιμένεις. Αν παίρνεις 1.000 επαφές τον μήνα, ένα πακέτο «100 υποβολές δωρεάν» με 10 $ τον μήνα δεν θα σου κάνει. Ένα απεριόριστο πακέτο με 50 $ τον μήνα θα σου κάνει.

Πόσο κοστίζει;

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

Σκέψου και την ανάπτυξη. Ένα πακέτο που δεν κοστίζει τίποτα σήμερα μπορεί να κοστίζει 500 $ τον μήνα όταν έχεις περισσότερες φόρμες ή περισσότερη επισκεψιμότητα.

Συνηθισμένα λάθη με τα εργαλεία φορμών

Φόρμα που είναι πολύ μεγάλη

Επειδή το εργαλείο κάνει εύκολη την προσθήκη πεδίων, ο κόσμος προσθέτει πάρα πολλά. Κάθε επιπλέον πεδίο μειώνει το ποσοστό ολοκλήρωσης. Ρώτα τον εαυτό σου: χρειάζομαι πραγματικά αυτό το πεδίο; Αν η απάντηση είναι «ίσως» ή «θα ήταν ωραίο», κόψε το.

Δεν δοκιμάζεις σε κινητό

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

Διαλέγεις μόνο με βάση την τιμή

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

Δεν ρυθμίζεις ειδοποιήσεις email

Ένας επισκέπτης υποβάλλει φόρμα και εσύ δεν έχεις ιδέα. Η υποβολή μένει στον πίνακα ελέγχου του εργαλείου. Δεν επικοινωνείς ποτέ. Ρύθμισε ειδοποιήσεις email για να ξέρεις αμέσως όταν κάποιος κάνει υποβολή.

Χρησιμοποιείς το domain του εργαλείου για τον σύνδεσμο της φόρμας

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

Δεν κρατάς αντίγραφο των δεδομένων της φόρμας

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

Πώς βοηθά το WEMASY

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

Δες τι περιλαμβάνει το πακέτο WEMASY που σε ενδιαφέρει.

Συχνές ερωτήσεις

Να χρησιμοποιήσω εργαλείο φορμών ή να προσλάβω προγραμματιστή;
Αν χρειάζεσαι γρήγορα μια φόρμα με συνηθισμένα πεδία (κείμενο, email, αναπτυσσόμενη λίστα, μεταφόρτωση αρχείου), χρησιμοποίησε εργαλείο. Αν χρειάζεσαι δική σου λογική ή βαθιές ενσωματώσεις με την εφαρμογή σου, πρόσλαβε προγραμματιστή. Για ιστοσελίδες, τα εργαλεία είναι σχεδόν πάντα η καλύτερη επιλογή. Με τον Δημιουργό ιστοσελίδων του WEMASY μπορείς να φτιάξεις τις δικές σου σελίδες στην ιστοσελίδα σου.
Μπορώ να ενσωματώσω φόρμα στην ιστοσελίδα μου ή πρέπει να είναι ξεχωριστή σελίδα;
Τα περισσότερα σύγχρονα εργαλεία φορμών υποστηρίζουν ενσωμάτωση. Η φόρμα εμφανίζεται στη σελίδα της ιστοσελίδας σου και όχι σε ξεχωριστή σελίδα. Μόνο παλαιότερα εργαλεία ή δωρεάν εκδόσεις σε αναγκάζουν να χρησιμοποιήσεις αυτόνομο σύνδεσμο. Δες την τεκμηρίωση του εργαλείου για να βεβαιωθείς ότι υποστηρίζει ενσωμάτωση.
Τι γίνεται με τη φόρμα μου αν το εργαλείο φορμών κλείσει;
Χάνεις την πρόσβαση σε αυτήν. Γι' αυτό πρέπει να εξάγεις τακτικά τα δεδομένα της φόρμας και να κρατάς αντίγραφα. Δες την πολιτική του εργαλείου για την εξαγωγή δεδομένων πριν δεσμευτείς. Κάποια εργαλεία κάνουν την εξαγωγή εύκολη. Άλλα τη δυσκολεύουν ή τη χρεώνουν.
Μπορώ να μεταφέρω μια φόρμα από ένα εργαλείο σε άλλο;
Συνήθως όχι. Τα εργαλεία φορμών δεν έχουν κοινό format για εξαγωγή και εισαγωγή. Αν αλλάξεις εργαλείο, συνήθως πρέπει να ξαναφτιάξεις τη φόρμα από την αρχή. Αυτός είναι άλλος ένας λόγος να διαλέξεις προσεκτικά την πρώτη φορά.
Πώς φτιάχνω φόρμα που δείχνει διαφορετικές ερωτήσεις σε διαφορετικούς ανθρώπους;
Χρησιμοποίησε λογική υπό όρους, που λέγεται και λογική διακλάδωσης. Είναι χαρακτηριστικό των περισσότερων σύγχρονων εργαλείων φορμών. Όρισε κανόνες όπως «Αν η απάντηση ισούται με X, δείξε το πεδίο Y.» Δεν περιλαμβάνουν όλα τα δωρεάν πακέτα λογική υπό όρους, οπότε δες πρώτα τη λίστα χαρακτηριστικών του εργαλείου.
Είναι καλύτερα μία μεγάλη φόρμα ή πολλές μικρές;
Οι πολλές μικρές φόρμες σχεδόν πάντα αποδίδουν καλύτερα. Κάθε φόρμα πρέπει να ζητά ένα πράγμα. Η φόρμα επικοινωνίας ζητά όνομα, email, μήνυμα. Η εγγραφή σε newsletter ζητά μόνο email. Η φόρμα κράτησης ζητά ημερομηνία και ώρα. Οι σύντομες φόρμες έχουν υψηλότερο ποσοστό ολοκλήρωσης.

Βάλ’ το αμέσως σε εφαρμογή
στη δική σου ιστοσελίδα.

Ξεκίνα δωρεάν με το WEMASY και φτιάξε τη σελίδα σου σε λίγα λεπτά.