Στυλ φόρμας
Το Auto Form Builder σάς δίνει πλήρη έλεγχο στο στυλ των φορμών. Συνδυάστε τα χρώματα της επωνυμίας σας, χρησιμοποιήστε τις γραμματοσειρές σας, προσαρμόστε τα κενά διαστήματα και σχεδιάστε φόρμες που μοιάζουν με φυσικό μέρος του ιστότοπού σας.
Γιατί έχει σημασία το στυλ της φόρμας
Ο ιστότοπός σας έχει μια επωνυμία. Οι φόρμες σας θα πρέπει να την αντικατοπτρίζουν.
Όταν οι φόρμες φαίνονται διαφορετικές από τον υπόλοιπο ιστότοπό σας, οι επισκέπτες διστάζουν. Αναρωτιούνται αν βρίσκονται ακόμα στον ίδιο ιστότοπο. Αυτός ο δισταγμός κοστίζει μετατροπές.
Οι στυλιζαρισμένες φόρμες επικοινωνούν επίσης τον επαγγελματισμό. Μια κομψή φόρμα λέει στους επισκέπτες ότι σας ενδιαφέρουν οι λεπτομέρειες—και αν σας ενδιαφέρει ο σχεδιασμός της φόρμας, πιθανότατα σας ενδιαφέρουν και τα δεδομένα τους.
Πώς λειτουργεί το στυλ φόρμας
Το Auto Form Builder περιλαμβάνει έναν επεξεργαστή οπτικού στυλ ενσωματωμένο στη διεπαφή του δημιουργού φορμών.
- Επιλέξτε τι θα διαμορφώσετεΕπιλέξτε από κοντέινερ φόρμας, ετικέτες πεδίων, πεδία εισαγωγής, κουμπιά ή μηνύματα σφάλματος.
- Ρυθμίστε τις ρυθμίσειςΧρησιμοποιήστε επιλογείς χρωμάτων, ρυθμιστικά και αναπτυσσόμενα μενού για να αλλάξετε τιμές. Δεν υπάρχει σύνταξη CSS για εκμάθηση ή απομνημόνευση.
- Άμεση προεπισκόπησηΚάθε αλλαγή εμφανίζεται αμέσως στην προεπισκόπηση σε πραγματικό χρόνο. Δείτε ακριβώς πώς θα φαίνεται η φόρμα σας πριν τη δημοσιεύσετε.
- Αποθήκευση ως προεπιλογέςΕφαρμόστε το στυλ σας σε νέες φόρμες αυτόματα. Δημιουργήστε μία φορά, επαναχρησιμοποιήστε το παντού.
Τι μπορείτε να προσαρμόσετε
Χρωματιστά
Ελέγξτε κάθε χρώμα στη φόρμα σας. Χρώματα φόντου για το κοντέινερ της φόρμας και τα μεμονωμένα πεδία. Χρώματα κειμένου για ετικέτες, σύμβολα κράτησης θέσης και κείμενο εισόδου. Χρώματα περιγράμματος για προεπιλογή, εστίαση και καταστάσεις σφάλματος. Χρώματα κουμπιών για εφέ φόντου, κειμένου και κατάδειξης.
Typografia
Επιλέξτε γραμματοσειρές για ετικέτες και πεδία εισαγωγής. Προσαρμόστε τα μεγέθη των γραμματοσειρών ανεξάρτητα—μεγαλύτερες ετικέτες για έμφαση, μικρότερο βοηθητικό κείμενο για δευτερεύουσες πληροφορίες. Ελέγξτε το πάχος της γραμματοσειράς για ετικέτες με έντονη γραφή ή πιο ανοιχτό κείμενο εισαγωγής.
Διάστημα και Διάταξη
Ορίστε την απόσταση μεταξύ των πεδίων για να δημιουργήσετε ελεύθερο χώρο. Προσαρμόστε την αναπλήρωση μέσα στα πεδία για άνετη εισαγωγή κειμένου. Ελέγξτε τα περιθώρια σε ολόκληρη τη φόρμα για να την τοποθετήσετε τέλεια μέσα στη διάταξη της σελίδας σας.
Σύνορα και Γωνιές
Ορίστε το πλάτος, το στυλ και το χρώμα του περιγράμματος. Στρογγυλοποιήστε τις γωνίες για μια μοντέρνα εμφάνιση ή διατηρήστε τις ευκρινείς για ένα μινιμαλιστικό σχέδιο. Εφαρμόστε διαφορετικά στυλ περιγράμματος σε διαφορετικές καταστάσεις φόρμας—λεπτά περιγράμματα από προεπιλογή, εμφανή περιγράμματα στο επίκεντρο.
κουμπιά
Σχεδιάστε κουμπιά υποβολής που ταιριάζουν με την επωνυμία σας. Χρώμα φόντου, χρώμα κειμένου, ακτίνα περιγράμματος, συμπλήρωση, μέγεθος γραμματοσειράς και πάχος γραμματοσειράς. Προσαρμόστε την κατάσταση κατάδειξης και την ενεργή κατάσταση, ώστε τα κουμπιά να είναι ευαίσθητα και να μπορούν να κλικάρονται.
FormContainer
Διαμορφώστε το συνολικό περιτύλιγμα της φόρμας. Προσθέστε ένα χρώμα φόντου ή διατηρήστε το διαφανές. Εφαρμόστε σκιές κουτιού για βάθος. Ορίστε την ακτίνα περιγράμματος για στρογγυλεμένα δοχεία φόρμας. Ελέγξτε το μέγιστο πλάτος για να μην τεντώνονται οι φόρμες πολύ πλατιές.
Συνήθη σενάρια διαμόρφωσης φόρμας
Οδηγίες για την αντιστοίχιση επωνυμίας
Η εταιρεία σας έχει συγκεκριμένα χρώματα—#0F2D5F για τα κύρια χρώματα, #F59E0B για τα έντονα χρώματα. Εισαγάγετε αυτές τις τιμές στον επεξεργαστή στυλ. Τα κουμπιά φόρμας χρησιμοποιούν το χρώμα έμφασης που έχετε επιλέξει. Οι ετικέτες φόρμας χρησιμοποιούν το κύριο χρώμα σας. Τέλεια συνέπεια επωνυμίας.
Δημιουργήστε φόρμες υψηλής αντίθεσης
Ιστότοπος με σκούρο φόντο; Δημιουργήστε ανοιχτόχρωμες φόρμες που ξεχωρίζουν. Ανοιχτόχρωμο φόντο; Χρησιμοποιήστε φόρμες με περίγραμμα και διακριτικές σκιές για να ορίσετε την περιοχή της φόρμας χωρίς να ανταγωνίζεστε οπτικά.
Σχεδιάστε Ελάχιστες Μορφές
Αφαιρέστε τα περιγράμματα, μειώστε τα κενά, χρησιμοποιήστε διαφανή φόντα. Δημιουργήστε φόρμες που δίνουν την αίσθηση ότι είναι ενσωματωμένες στη σελίδα αντί να βρίσκονται σε ένα πλαίσιο.
Δημιουργήστε έντονες φόρμες παρότρυνσης για δράση
Μεγάλα κουμπιά, έντονα χρώματα, άφθονη επένδυση. Δημιουργήστε φόρμες που απαιτούν προσοχή για τις πιο σημαντικές σελίδες προσέλκυσης υποψήφιων πελατών σας.
Φόρμες που ταιριάζουν με οποιοδήποτε θέμα
Το Auto Form Builder λειτουργεί με κάθε θέμα WordPress. Οι στυλιζαρισμένες φόρμες σας προσαρμόζονται σε οποιοδήποτε περιβάλλον σχεδίασης.
Χρησιμοποιείτε Woodmart, Astra, GeneratePress, Divi ή οποιοδήποτε άλλο θέμα; Οι φόρμες σας θα φαίνονται εγγενείς. Ο επεξεργαστής στυλ σας δίνει αρκετό έλεγχο ώστε να ταιριάζει με οποιοδήποτε σύστημα σχεδίασης.
Χωρίς διενέξεις θεμάτων. Χωρίς προβλήματα κληρονομικότητας στυλ. Απλώς φόρμες που μοιάζουν ακριβώς όπως τις θέλετε.
Δεν απαιτείται CSS
Δεν χρειάζεται να γράψετε προσαρμοσμένο CSS για να διαμορφώσετε τις φόρμες σας. Ο οπτικός επεξεργαστής χειρίζεται τα πάντα.
Αλλά αν θέλετε έλεγχο CSS, το Auto Form Builder υποστηρίζει προσαρμοσμένο CSS ανά φόρμα. Προσθέστε παρακάμψεις για περιθώρια πεζών-κεφαλαίων ή εφαρμόστε προηγμένο στυλ που δεν είναι διαθέσιμο στον οπτικό επεξεργαστή. Οι προχωρημένοι χρήστες έχουν την ευελιξία που χρειάζονται.
