War Thunder

addThis Welcome Bar: Προσθέστε μπάρα υποδοχής στο πάνω ή κάτω μέρος του site σας

Στη ανάρτηση αυτή θα δούμε πως μπορούμε πολύ εύκολα να προσθέσουμε μια μπάρα υποδοχής (welcome bar) είτε στο πάνω ή κάτω μέρος της ιστοσελίδας μας.

Οι μπάρες υποδοχής έχουν αρχίσει να γίνονται πολύ δημοφιλής στα site τώρα τελευταία και προτιμούνται για παρουσίαση μηνύματος στο χρήστη όπως για παράδειγμα κάντε like, share, retweet, παρουσίαση προσφορών, εγγραφή σε newsletter, κ.α. έναντι των κλασσικών pop ups.

Τώρα για το πιο είναι καλύτερο, οι απόψεις διίστανται, αλλά για μένα πιστεύω ότι η μπάρα υποδοχής είναι καλύτερη για mobile sites και για παρουσίαση ειδικής προσφοράς στους χρήστες σας ενώ το pop up likebox πιστεύω είναι καλύτερο για desktop sites.

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

Σε μετέπειτα βοήθημα, θα δούμε πως μπορούμε να φτιάξουμε την δική μας μπάρα και να προσθέσουμε δικό μας κώδικα σε αυτή.

Το βοήθημα αυτό είναι για wordpress αλλά και κανονικά sites και blogger (θα χρειαστεί μόνο να επικολλήσετε κώδικα σε αυτή την περίπτωση).

addThis welcome bar wordpress

Βήμα 1: Κάνουμε log-in ως admin στο dashboard της σελίδας μας και από το μενού αριστερά επιλέγουμε Plugins (Πρόσθετα)

Βήμα 2: Από τα Plugins επιλέγουμε Add New και αναζητούμε για “addThis welcome bar“. Επιλέγουμε Install Now και μετέπειτα Activate

Βήμα 3: Η Εγκατάσταση του πρόσθετου έχει ολοκληρωθεί και τώρα θέλουμε να παραμετροποιήσουμε τη μπάρα στις δικές μας ανάγκες. Επιλέγουμε από το μενού αριστερά Settings και μετέπειτα addThis welcome bar. Αν σας βγάλει ξανά μήνυμα ενεργοποίησης επιλέξτε ΟΚ (λογικά αυτό το μικρό bug θα διορθωθεί).

Βήμα 4:  Παραμετροποιούμε την μπάρα στις ανάγκες μας. Υπάρχουν επιλογές όπως να δείχνετε διαφορετικό μήνυμα αν ο χρήστης προέρχεται από το facebook, twitter ή google+, να αλλάξετε τα χρώματα όπως έκανα και γώ και γενικά να βάλετε το button της επιλογής σας (share, follow, να δείξετε προς συγκεκριμένο url).

Βήμα 5:  Save και είστε έτοιμοι!

Σημείωση: Αν επιθυμείτε να προσθέσετε επιλογή για newsletter όπως κάνει πχ. το News247 τότε δείτε το παρακάτω βοήθημα για γενικά site.

addThis welcome bar για κανονικά site και blogger

Βήμα 1: Μεταβαίνουμε στη σελίδα αυτή του addThis και κάνουμε log-in στον λογαριασμό μας. Αν δεν διαθέτετε λογαριασμό κάντε μια δωρεάν εγγραφή. To addThis εκτός από καλούδια για ιστοσελίδες έχει και πολύ καλό διαχειριστικό στατιστικών για τη αλληλεπίδραση σας με τους χρήστες σας από κοινωνικά δίκτυα.

Βήμα 2: Από τη σελίδα αυτή μπορείτε άμεσα να παραμετροποιήσετε την μπάρα έτσι ώστε να ικανοποιεί τις ανάγκες σας, μιας και υπάρχουν επιλογές όπως να τοποθετηθεί πάνω ή κάτω, να δείχνετε διαφορετικό μήνυμα αν ο χρήστης προέρχεται από το facebook, twitter ή google+, να αλλάξετε τα χρώματα όπως έκανα και γώ και γενικά να βάλετε το button της επιλογής σας (share, follow, να δείξετε προς συγκεκριμένο url).

Βήμα 3: Ολοκληρώνοντας τη διαδικασία αντιγράψτε τον κώδικα που σας δίνεται, όπως φαίνεται παρακάτω, και επικολλήστε το στη ιστοσελίδα σας (ή για blogger στο πρότυπο σας) πριν από τη ετικέτα  </body>

Σημείωση: Στη περίπτωση που επιθυμείτε να προσθέσετε επιλογή για newsletter όπως κάνει πχ. το News247 τότε θα πρέπει να διαθέτετε λογαριασμό στο MailChimp ή στο AWebber. Προσωπικά, για μικρό site θα διάλεγα το δωρεάν πακέτο της MailChimp που υποστηρίζει μέχρι 2000 subscribers (θα ακολουθήσει σύντομα βοήθημα για το MailChimp).

loading...

Share This Post

Related Articles

Leave a Reply

Άδεια Creative Commons
Χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Παρόμοια Διανομή 4.0 Διεθνές .
© 2017 Greek PC Blog. All rights reserved. Site Admin · Entries RSS · Comments RSS