Πώς να ενσωματώσετε μια φόρμα ή ένα αναδυόμενο παράθυρο του Systeme.io σε έναν ιστότοπο WordPress

Σε αυτό το άρθρο, θα μάθετε πώς να ενσωματώνετε μια φόρμα ή ένα αναδυόμενο παράθυρο (popup) στον ιστότοπό σας WordPress .

Αφού δημιουργήσετε τη φόρμα/αναδυόμενο παράθυρο σε ένα sales funnel (Κάντε κλικ εδώ για να μάθετε πώς να δημιουργήσετε και να ενσωματώσετε μια φόρμα ή ένα αναδυόμενο παράθυρο στον εξωτερικό σας ιστότοπο), ακολουθήστε τα παρακάτω βήματα για να μάθετε πώς να το ενσωματώσετε στο WordPress.

Ενσωμάτωση φόρμας systeme.io στον ιστότοπό σας WordPress:

Ξεκινήστε μεταβαίνοντας στην ενότητα "Appearance" του ταμπλό του WordPress (αριθμός 1 στην εικόνα). Από εκεί, κάντε κλικ στο "Widgets" (αριθμός 2 στην εικόνα).
Επιλέξτε τη συγκεκριμένη περιοχή στον ιστότοπό σας όπου θέλετε να εμφανίζεται η φόρμα. Θα μπορούσε να είναι η πλευρική στήλη (sidebar), το υποσέλιδο (footer) ή οποιαδήποτε άλλη καθορισμένη περιοχή (αριθμός 3 στην εικόνα).
Μόλις επιλέξετε την επιθυμητή περιοχή προβολής, κάντε κλικ στο "Update" για να επιβεβαιώσετε την τοποθέτηση της φόρμας στον ιστότοπό σας WordPress.

Ενσωμάτωση αναδυόμενου παραθύρου systeme.io στον ιστότοπό σας WordPress:

α. Προσθήκη αναδυόμενου παραθύρου χρησιμοποιώντας ένα πρόσθετο (plugin):

Μεταβείτε στην ενότητα "Plugins" (αριθμός 4 στην εικόνα) του ταμπλό του WordPress.

Αναζητήστε το πρόσθετο "Insert header and footer" (αριθμός 5 στην εικόνα).

Εγκαταστήστε και ενεργοποιήστε το πρόσθετο με το όνομα "Insert Headers and Footers by WPBeginner" (αριθμός 6 στην εικόνα).

Στις ρυθμίσεις του πρόσθετου, επιλέξτε "Header & Footer" (αριθμός 7 στην εικόνα), στη συνέχεια επικολλήστε το script του αναδυόμενου παραθύρου στην ενότητα "Header" . (αριθμός 8 στην εικόνα).

Κάντε κλικ στο "Save" για να εφαρμόσετε τις αλλαγές (αριθμός 9 στην εικόνα).

β. Προσθήκη αναδυόμενου παραθύρου χρησιμοποιώντας τον Theme File Editor:

Συνδεθείτε στον λογαριασμό σας WordPress και μεταβείτε στην ενότητα "Appearance" (αριθμός 10 στην εικόνα).

Από τις επιλογές κάτω από το "Appearance", κάντε κλικ στο "Theme File Editor" (αριθμός 11 στην εικόνα).

Επιλέξτε το "footer.php" (αριθμός 12 στην εικόνα) από τη λίστα των διαθέσιμων αρχείων θέματος.

Εισαγάγετε τον κώδικα script του αναδυόμενου παραθύρου ακριβώς πριν από την ετικέτα κλεισίματος < /body > (αριθμός 13 στην εικόνα).

Μόλις προσθέσετε τον κώδικα, κάντε κλικ στο "Update file" (αριθμός 14 στην εικόνα) για να αποθηκεύσετε τις τροποποιήσεις σας.

Σημείωση: Βεβαιωθείτε ότι το script είναι τοποθετημένο πριν από την ετικέτα κλεισίματος "body", διαφορετικά το αναδυόμενο παράθυρο ενδέχεται να μην εμφανίζεται.

Δοκιμή της ενσωμάτωσης του αναδυόμενου παραθύρου

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

Σημαντικό: Θυμηθείτε, αυτοί δεν είναι οι μόνοι τρόποι ενσωμάτωσης ενός αναδυόμενου παραθύρου systeme.io στον ιστότοπό σας WordPress, αλλά παρέχουν αξιόπιστες μεθόδους για την απρόσκοπτη βελτίωση της λειτουργικότητας του ιστοτόπου σας.