Πώς να δημιουργήσετε αποτελεσματικά αναδυόμενα παράθυρα για το ηλεκτρονικό σας κατάστημα

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

Σε αυτό το άρθρο, θα ρίξουμε μια ματιά στο πώς να δημιουργήσετε τα μετατρέποντας τα αναδυόμενα παράθυρα για τους ιστότοπους του WooCommerce χρησιμοποιώντας Popups - WordPress Popup, ένα από τα πιο δημοφιλή plug-in τύπου WordPress που σας επιτρέπει να στοχεύστε τις λειτουργίες σας για μέγιστη απόδοση.

Τι κάνει ένα αποτελεσματικό αναδυόμενο παράθυρο?

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

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

Γιατί το αναδυόμενο παράθυρο δεν λειτουργεί

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

Ένα αναδυόμενο παράθυρο είναι γενικά θεωρείται ενοχλητικό πότε:

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

Δεν χρειάζεται να είστε ένας web-based mindreader για να μαντέψετε τι σκέφτονται οι χρήστες σας. Απλά ακολουθήστε τις ενέργειές τους και καταλάβετε τι κάνουν ή ποιες σελίδες βλέπουν πραγματικά.

Εγκατάσταση αναδυόμενων παραθύρων - Αναδυόμενο παράθυρο WordPress

Για να ξεκινήσετε τη δημιουργία των αναδυόμενων παραθύρων, μεταβείτε πρώτα στο Plugins> Προσθήκη νέου μενού διαχειριστή στον πίνακα ελέγχου του WordPress. Ψάχνω για Popups - Αναδυόμενο παράθυρο του WordPress, κάντε κλικ στην επιλογή Εγκατάσταση και, στη συνέχεια, ενεργοποιήστε την προσθήκη.

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

Μπορείτε τώρα να προσθέσετε εύκολα νέα αναδυόμενα παράθυρα στον ιστότοπό σας επιλέγοντας το Αναδυόμενα παράθυρα> Προσθήκη νέου υπομενού στο μενού διαχειριστή ή επιλέγοντας Νέα> Αναδυόμενα παράθυρα στη γραμμή admin.

Επιλογές διαμόρφωσης

Όταν προσθέτετε ένα νέο αναδυόμενο παράθυρο, θα εμφανιστεί μια οθόνη παρόμοια με αυτή που βλέπετε όταν γράφετε νέες αναρτήσεις. Επιπλέον, το Popups - το WordPress Popup παρέχει επίσης σε βάθος επιλογές διαμόρφωσης. Ας δούμε μερικά από τα βασικά χαρακτηριστικά που διαθέτει.

1. Δημιουργία επεξεργασιών με πρόγραμμα επεξεργασίας WYSIWYG

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

2. Εμφάνιση κοινωνικών λογαριασμών με χρήση κωδικών πρόσβασης

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

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

Εάν ήθελα να συμπεριλάβω στο Facebook το φόρουμ Likebox από το Facebook στο προεπιλεγμένο αναδυόμενο παράθυρο, θα επέλεγα τον πρώτο shortcode στη λίστα και ακολουθώντας τις οδηγίες που θα συμπληρώσω τα απαιτούμενα δεδομένα. Εδώ είναι το shortcode θα καταλήξω με:

 [spu-facebook-page href = "https://www.facebook.com/hongkiatcom/" όνομα = "hongkiat.com" show_faces = "ψευδώνυμο" hide_cover = "true" action = "like"] 

Με την προσθήκη αυτού του shortcode στο κάτω μέρος του αναδυόμενου παραθύρου μου, το αποτέλεσμα θα μοιάζει με αυτό:

3. Προσαρμόστε την εμφάνιση του κουτιού

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

Για παράδειγμα, εάν ήθελα να έχω ένα αναδυόμενο με κόκκινη όψη popup με απλό λευκό φόντο, θα ήθελα να ρυθμίσω Χρώμα του φόντου και Χρώμα πλαισίου αναλόγως.

4. Προσαρμόστε τους κανόνες προβολής αναδυόμενων παραθύρων

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

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

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

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

Ας υποθέσουμε ότι θέλω να δείξω ένα αναδυόμενο παράθυρο μόνο στην πρώτη μου σελίδα για χρήστες που δεν χρησιμοποιούν smartphone και θέλω επίσης να το δείξω σε οποιονδήποτε βλέπει τα προϊόντα μου. Έτσι για αυτό το popup θα χρησιμοποιήσω τις ακόλουθες συνθήκες:

Ομάδα πρώτου κανόνα:

• αν Τύπος σελίδας (Επιλογή 1) είναι ίσο με (επιλογή 2) Μπροστινή σελίδα (επιλογή 3) ΚΑΙ
• αν Κινητό τηλέφωνο (Επιλογή 1) δεν είναι ίσο με (επιλογή 2) Αληθής (επιλογή 3) Ή

Ομάδα δεύτερου κανόνα:

• αν Τύπος Post (Επιλογή 1) είναι ίσο με (επιλογή 2) προϊόν (επιλογή 3)

5. Προσαρμόστε τις επιλογές εμφάνισης με αναδυόμενο παράθυρο

Όταν το πρόσθετο βλέπει ότι πληρούνται οι προϋποθέσεις που έχετε ορίσει Κανόνες προβολής αναδυόμενων παραθύρων πληρούνται, εξετάζει το Επιλογές οθόνης ρυθμίσεις για προβολή πώς να εμφανίσετε το modal σας.

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

Εάν χρειάζεστε κάποια ενέργεια από τους επισκέπτες σας στο αναδυόμενο παράθυρο, θα πρέπει να ορίσετε Κλείστε τη μετατροπή? σε Ναι.

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

Εάν ήθελα να εμφανιστεί το προηγούμενο παράθυρο που εμφανίστηκε μετά από 10 δευτερόλεπτα σε οποιαδήποτε σελίδα προϊόντος, θα επιλέξατε το δευτ και ορίστε το σε 10.

Και τώρα που γνωρίζετε τις επιλογές και τις δυνατότητές σας για το Popups - WordPress Popup plugin, ας δούμε κάποιες ιδέες για να δημιουργήσετε πραγματικά φοβερά, καλά στοχοθετημένα αναδυόμενα παράθυρα call-to-action!

Πώς να δημιουργήσετε μια επιτυχημένη πρόσκληση για δράση

1. Προώθηση προϊόντων

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

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

Γιατί λοιπόν όχι εκκινήστε ένα αναδυόμενο παράθυρο προώθησης προϊόντων που πυρκαγιές όταν ο αναγνώστης σας είναι σχεδόν μέσα από το άρθρο σας σχετικά με το ίδιο προϊόν ;! Είναι πραγματικά εύκολο να ρυθμίσετε.

• Σειρά Κανόνες προβολής αναδυόμενων παραθύρων για να εμφανιστεί το αναδυόμενο παράθυρο όταν η σελίδα ή η δημοσίευση είναι ίση με τη σελίδα σας ή τον τίτλο της ανάρτησης, έτσι ο τρόπος φόρτωσης μόνο στο επιλεγμένο περιεχόμενο
• Σειρά Δράση ενεργοποίησης σε Επιλογές οθόνης προς το % του ύψους της σελίδας με περίπου 70-80% αξία, οπότε το αναδυόμενο παράθυρο θα εμφανίζεται μόνο όταν οι θεατές είχαν ήδη εξοικειωθεί με τα οφέλη.

Επίσης, γιατί δεν επιτρέπουν στους επισκέπτες να προσθέστε αμέσως το προωθημένο προϊόν στο καλάθι σας?

Για να το κάνετε αυτό, πρέπει να βρείτε το συγκεκριμένο αναγνωριστικό προϊόντος από τη λίστα προϊόντων σας και να το εισαγάγετε στον ακόλουθο κωδικό: [προϊόν]. Αν έχετε το shortcode, απλά εισάγετε το περιεχόμενο του αναδυόμενου παραθύρου σας χρησιμοποιώντας το πρόγραμμα επεξεργασίας μηνυμάτων WYSIWYG.

Εάν δεν προσθέτετε ούτε κάτι ιδιαίτερο σε αυτά, θα συνεχίσετε με κάτι τέτοιο (με λίγη βοήθεια από το The Marketing Gibberish Generator):

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

2. Εγγραφή για δώρο

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

Πιθανώς το καλύτερο σημείο για να γίνει αυτό είναι είτε το καλάθι ή την οθόνη πληρωμής ότι κοιτάζουν δεξιά πριν τελειώσουν με την αγορά τους.

Σειρά Κανόνες προβολής αναδυόμενων παραθύρων έτσι ώστε να εμφανίζονται τα modal σας:

• αν η σελίδα είναι ίση με το Checkout (ή ό, τι το έχετε ονομάσει) ΚΑΙ
• αν ο χρήστης δεν είναι συνδεδεμένος

Πώς να ρυθμίσετε: Ο χρήστης καταγράφεται | δεν είναι ίση με | Αληθής

Σειρά Δράση ενεργοποίησης σε Επιλογές οθόνης σε λίγα δευτερόλεπτα, οπότε το αναδυόμενο παράθυρο δεν θα γίνει άμεσα ορατό.

Πώς να ρυθμίσετε: δευτερόλεπτα μετά τη φόρτωση σελίδας 3

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

Αν δεν μπορείτε να δείτε τον σύνδεσμο "Εγγραφή" στην οθόνη σύνδεσης, πιθανώς δεν επιτρέπετε την εγγραφή επισκεπτών. Πρέπει να μπείτε στο δικό σας Ρυθμίσεις> Γενικά μενού διαχείρισης και ελέγξτε το Ο καθένας μπορεί να εγγραφεί επιλογή.

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

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

Ρυθμίστε τα μέσω του WooCommerce Διευθυντής κουπονιών (που βρέθηκαν κάτω από το WooCommerce> Κουπόνια μενού) και στείλτε τα κουπόνια στο email επιβεβαίωσης.

3. Κουπόνια προς πελάτες που επιστρέφουν

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

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

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

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

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

Τελικές λέξεις

Υπάρχει μια πληθώρα plugin plug-in WordPress, δωρεάν και premium, εκεί έξω στη φύση, και μερικά είναι πιο αποτελεσματικά από άλλα, όταν πρόκειται για τη στόχευση modals σας. Ενώ χρησιμοποιήσαμε Popups - WordPress Popup σε αυτήν την ανάρτηση, υπάρχουν πολλοί άλλοι ισχυροί ανταγωνιστές ακόμη και μεταξύ των δωρεάν plugins.

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

Όσο για μένα, χρησιμοποιώ πάντα τουλάχιστον αυτά τα 2 (και μερικές φορές προσθέτω επιλογές-φως τρίτο στα μάτσο) plugins για να στοχεύσω καλύτερα το ακροατήριό μου.

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

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