Πώς να προσθέσετε μια φόρμα ή ένα αναδυόμενο παράθυρο στο ιστολόγιό σας στο systeme.io
Αυτό το άρθρο θα σας δείξει πώς να ρυθμίσετε μια ενσωματωμένη φόρμα ή μια αναδυόμενη φόρμα στο ιστολόγιό σας στο systeme.io.
Βήμα 1: Δημιουργία ενσωματωμένης φόρμας
Αρχικά, θα χρειαστεί να δημιουργήσετε μια φόρμα επικοινωνίας μέσα από τη διοχέτευση πωλήσεών σας.
Για να το κάνετε αυτό, μεταβείτε στη Διοχέτευση πωλήσεων, κάντε κλικ στο Δημιουργία βήματος (1) για να δημιουργήσετε ένα νέο βήμα και, στη συνέχεια, επιλέξτε Ενσωματωμένη Φόρμα (2).
Επιλέξτε το πρότυπο της επιλογής σας κάνοντας κλικ στο Επιλογή (3).
Μεταβείτε στον επεξεργαστή της σελίδας φόρμας κάνοντας κλικ στο Επεξεργασία σελίδας για να προσαρμόσετε τη φόρμα σας (4).
Μια φόρμα επικοινωνίας πρέπει να περιλαμβάνει τουλάχιστον ένα πεδίο φόρμας, αλλά μπορείτε να προσθέσετε όσα πεδία επιθυμείτε.
Επιλέξτε το στοιχείο Πεδίο φόρμας. Στη συνέχεια, κάντε κλικ στο εικονίδιο Ρυθμίσεων (γρανάζι) για να διαμορφώσετε το πεδίο. Επιλέξτε τον Τύπο εισαγωγής που θέλετε να συλλέξετε από το αναπτυσσόμενο μενού.
Πρέπει επίσης να ρυθμίσετε την ενέργεια του κουμπιού. Επιλέξτε το κουμπί και ορίστε τι θα συμβαίνει αφού ο χρήστης υποβάλει τη φόρμα.
Μην ξεχάσετε να κάνετε κλικ στο Αποθήκευση αλλαγών πριν αποχωρήσετε από τον επεξεργαστή ή την ενσωματωμένη φόρμα.
Βήμα 2: Δημιουργία αναδυόμενης φόρμας
Μεταβείτε στη Διοχέτευση πωλήσεων, κάντε κλικ στο Προσθήκη βήματος (5) για να δημιουργήσετε ένα νέο βήμα και, στη συνέχεια, επιλέξτε Αναδυόμενη φόρμα (6).
Επιλέξτε το πρότυπο της επιλογής σας κάνοντας κλικ στο Επιλογή (7).
Μεταβείτε στον επεξεργαστή της σελίδας φόρμας κάνοντας κλικ στο Επεξεργασία σελίδας (8) για να προσαρμόσετε την αναδυόμενη φόρμα σας.
Μια φόρμα επικοινωνίας πρέπει να περιλαμβάνει τουλάχιστον ένα πεδίο φόρμας, αλλά μπορείτε να προσθέσετε όσα πεδία επιθυμείτε.
Επιλέξτε το στοιχείο Πεδίο φόρμας. Στη συνέχεια, κάντε κλικ στο εικονίδιο Ρυθμίσεων (γρανάζι) για να διαμορφώσετε το πεδίο. Επιλέξτε τον Τύπο εισαγωγής που θέλετε να συλλέξετε από το αναπτυσσόμενο μενού.
Θα χρειαστεί επίσης να ορίσετε το κουμπί που θα καταγράφει την ενέργεια που θα πραγματοποιείται με το συλλεγόμενο στοιχείο.
Μπορείτε να επιλέξετε τον χρόνο εμφάνισης της φόρμας επικοινωνίας στη σελίδα του ιστολογίου σας· ο χρόνος αυτός ρυθμίζεται μέσω του επεξεργαστή (σε δευτερόλεπτα).
Μην ξεχάσετε να κάνετε κλικ στο Αποθήκευση αλλαγών πριν αποχωρήσετε από τον επεξεργαστή ή την αναδυόμενη φόρμα.
Βήμα 3: Ρύθμιση της ενσωματωμένης φόρμας στο ιστολόγιό σας
Για να προσθέσετε τη φόρμα επικοινωνίας στο ιστολόγιό σας, πρέπει να αντιγράψετε το script και να το επικολλήσετε στη σελίδα του ιστολογίου σας.
Το πρώτο βήμα είναι να επιστρέψετε στη Διαμόρφωση βήματος της Ενσωματωμένης φόρμας και στη συνέχεια να κάνετε κλικ στο Script.
Θα εμφανιστεί ένα αναδυόμενο παράθυρο που περιέχει έναν σύνδεσμο προς τη σελίδα της ενσωματωμένης φόρμας. Κάντε κλικ στο Αντιγραφή συνδέσμου στο πρόχειρο.
Στη συνέχεια, μεταβείτε στον επεξεργαστή της σελίδας του ιστολογίου κάνοντας κλικ στο Επεξεργασία από το μενού ή απευθείας στο όνομα της σελίδας στην οποία θέλετε να προσθέσετε την Ενσωματωμένη φόρμα.
Έπειτα, σύρετε και αποθέστε ένα στοιχείο Ακατέργαστο HTML στη σελίδα του ιστολογίου σας.
Τέλος, μεταβείτε στις ρυθμίσεις του στοιχείου Ακατέργαστο HTML.
Κάντε κλικ στο Επεξεργασία κώδικα και επικολλήστε το script του συνδέσμου που λάβατε από τη σελίδα της Ενσωματωμένης Φόρμας.
Βεβαιωθείτε ότι έχετε κάνει κλικ στο Αποθήκευση για να αποθηκεύσετε τον κώδικα HTML και στο Αποθήκευση αλλαγών στον επεξεργαστή πριν εξέλθετε από τη σελίδα του ιστολογίου.
Κατά την προεπισκόπηση της σελίδας του ιστολογίου, θα δείτε την εμφάνιση της φόρμας όπως φαίνεται παρακάτω:
Βήμα 4: Ρύθμιση της αναδυόμενης φόρμας στο ιστολόγιό σας
Κατά τη ρύθμιση μιας φόρμας επικοινωνίας ως αναδυόμενο παράθυρο, υπάρχουν δύο τρόποι εμφάνισής της στη σελίδα του ιστολογίου σας:
- Αυτόματα: Το αναδυόμενο παράθυρο εμφανίζεται μετά από συγκεκριμένη καθυστέρηση.
- Με κλικ: Το αναδυόμενο παράθυρο εμφανίζεται όταν ο χρήστης κάνει κλικ σε συγκεκριμένο σύνδεσμο ή κείμενο.
Σημείωση: Για την πρώτη επιλογή, η μέθοδος είναι η ίδια με την προσθήκη ενσωματωμένης φόρμας στο ιστολόγιο, οπότε θα εξηγήσουμε αναλυτικά τη δεύτερη μέθοδο.
Για να εμφανιστεί η αναδυόμενη φόρμα όταν γίνει κλικ σε ένα κείμενο, πρέπει πρώτα να επιστρέψετε στη Διαμόρφωση της αναδυόμενης φόρμας και στη συνέχεια να κάνετε κλικ στο Δημιουργία συνδέσμου.
Θα εμφανιστεί ένα αναδυόμενο παράθυρο που θα σας επιτρέψει να δημιουργήσετε έναν σύνδεσμο που ανοίγει την αναδυόμενη φόρμα από κείμενο:
- Πρέπει να επιλέξετε το περιεχόμενο του κειμένου που θα είναι clickable.
- Πρέπει να κάνετε κλικ στο Αντιγραφή συνδέσμου στο πρόχειρο.
Ανοίξτε τον επεξεργαστή της σελίδας του ιστολογίου στην οποία θέλετε να προσθέσετε τον σύνδεσμο.
Στη συνέχεια, προσθέστε ένα στοιχείο Ακατέργαστο HTML στη σελίδα του ιστολογίου σας.
Τέλος, μεταβείτε στις ρυθμίσεις του στοιχείου Ακατέργαστο HTML.
Κάντε κλικ στο Επεξεργασία κώδικα και επικολλήστε το script του συνδέσμου που ανοίγει την αναδυόμενη φόρμα και, στη συνέχεια, κάντε κλικ στο Αποθήκευση.
Βεβαιωθείτε ότι έχετε κάνει κλικ στο Αποθήκευση αλλαγών στον επεξεργαστή για να αποθηκεύσετε τη σελίδα πριν εξέλθετε από το ιστολόγιό σας.
Κατά την προεπισκόπηση της σελίδας του ιστολογίου, θα παρατηρήσετε την εμφάνιση της αναδυόμενης φόρμας όταν κάνετε κλικ στο κείμενο Κάντε κλικ εδώ για να ανοίξετε το αναδυόμενο παράθυρο, όπως φαίνεται παρακάτω:
