Πώς να προσθέσετε ένα πεδίο φόρμας και ένα στοιχείο φόρμας στη σελίδα σας

Σε αυτό το άρθρο θα μάθετε πώς να προσθέσετε ένα πεδίο φόρμας και ένα στοιχείο φόρμας στη σελίδα σας.

Για να ξεκινήσετε, θα χρειαστείτε:

• Έναν ενεργό λογαριασμό systeme.io
• Μία σελίδα funnel σε λειτουργία επεξεργασίας

Προσθήκη πεδίου φόρμας

Στον επεξεργαστή σελίδας, σύρετε το στοιχείο Είσοδος φόρμας από την αριστερή πλαϊνή μπάρα στη σελίδα σας.

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

Παράδειγμα: Αν επιλέξετε Email ως τύπο εισαγωγής, η επαφή θα προστεθεί στη λίστα επαφών σας όταν ο πελάτης υποβάλει τη φόρμα.

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

Προσθήκη στοιχείου φόρμας

Για να συλλέγετε εύκολα leads στο funnel σας, μπορείτε να χρησιμοποιήσετε το Φόρμα. Αντί να προσθέτετε ξεχωριστά πεδία και κουμπιά, το στοιχείο Φόρμα λειτουργεί ως ενιαίο container που ομαδοποιεί τα πεδία εισαγωγής, τα checkboxes και το κουμπί υποβολής. Αυτό σας επιτρέπει να δημιουργείτε αξιόπιστα πολλαπλές ανεξάρτητες φόρμες στην ίδια σελίδα.

Όταν κάνετε κλικ στο στοιχείο Φόρμα, μπορείτε να το διαμορφώσετε πλήρως χρησιμοποιώντας το μενού στην αριστερή πλευρά του επεξεργαστή:

a. Στην καρτέλα Elements:

• Διαχείριση προτύπων πεδίων: Αφαιρέστε εύκολα τα πρότυπα πεδία (π.χ. Όνομα, Τηλέφωνο) περνώντας τον δείκτη πάνω από το πεδίο που θέλετε να αφαιρέσετε. Θα εμφανιστεί ένα εικονίδιο κάδου (1).

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

• Προσθήκη νέου πεδίου: Κάντε scroll προς τα κάτω και πατήστε το κουμπί (+) (2) για να προσθέσετε αμέσως νέο πεδίο.

Μπορείτε να επιλέξετε από τα προεγκατεστημένα πεδία, όπως ΤΚ, Όνομα εταιρείας κ.ά., ή να προσθέσετε ένα extra checkbox (3).

Ή να προσθέσετε ένα προσαρμοσμένο πεδίο (4).

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

b. Στην καρτέλα Design:

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

c. Στην καρτέλα Actions:

• Κανόνες ανακατεύθυνσης (Μετά την υποβολή): Επιλέξτε τι θα συμβεί μετά την υποβολή της φόρμας.
  • Χωρίς ανακατεύθυνση (5): Μπορείτε να κρατήσετε τους επισκέπτες στην ίδια σελίδα και να εμφανίσετε ένα καθαρό μήνυμα επιτυχίας.

• Προσαρμοσμένο URL (6): Μπορείτε να επιλέξετε να ανακατευθύνετε τους επισκέπτες σε άλλη σελίδα.

• Διπλή επιβεβαίωση (7): Απλά τσεκάρετε το κουτάκι για να ενεργοποιήσετε το double opt-in για νέους συνδρομητές.

• Αυτοματισμοί εντός επεξεργαστή (8): Προσθέστε κανόνες αυτοματισμού απευθείας μέσα στον επεξεργαστή της σελίδας. Μπορείτε εύκολα να ενεργοποιήσετε συγκεκριμένες ενέργειες (π.χ. προσθήκη tag, εγγραφή σε καμπάνια ή αποστολή email) τη στιγμή που κάποιος υποβάλλει τη φόρμα.

Κάντε κλικ στο Αποθήκευση (9) για να αποθηκεύσετε τις αλλαγές.

Εκτός του επεξεργαστή σελίδας, μπορείτε επίσης να επιλέξετε το συγκεκριμένο στοιχείο φόρμας όταν διαμορφώνετε έναν trigger "Φόρμα εγγραφής στο στάδιο του χωνιού" στον λογαριασμό σας:

Κανόνες αυτοματισμού:

Και workflows: