Installer la Hello Bar

La Hello Bar est une barre de notification qui permet d'afficher en haut de votre site un message qui est, de fait, mis en vedette et en évidence. Nous allons voir comment l'installer dans Jimdo. Il faut savoir que la Hello Bar est un service devenu payant ; on peut utiliser la version gratuite mais le nombre de clics est alors bridé (moins de 60 par mois, il me semble). Par ailleurs, le service a désormais quitté le stade de développement Bêta : de ce fait, la seconde partie du tutoriel est devenue obsolète.

1. Aperçu du résultat

Vous pouvez voir la Hello Bar "en action" sur son site de développement ou sur mon site de test.

Aperçu de la Hello Bar
Aperçu de la Hello Bar
Capture d'écran du site avec la Hello Bar
La Hello Bar était installée sur ce site avant (cliquez pour agrandir l'image)

2. Inscription au service

La "Hello Bar" en est encore à un stade de développement bêta, de sorte qu'on ne peut accéder au service que sur invitation. D'abord, il faut s'inscrire sur le site :

L'écran suivant vous demande de saisir votre "beta key". Le mieux est d'en chercher une sur Google, en tapant les mots-clefs "Hellobar + beta key". C'est de cette manière que j'ai découvert l'existence de la beta key : helpjapan. Par chance, elle était encore valide ! Vous pouvez l'essayer à votre tour, mais attention : je pense qu'elle sera périmée sous peu...

 

Si vous ne trouvez pas de beta key valide sur Google, le site vous recommande de tweeter un message tout prêt en vue d'obtenir une invitation (efficace stratégie de marketing viral d'ailleurs... ) Mais d'après ce que j'ai lu, l'équipe finit par vous envoyer une beta key au bout de quelques semaines si personne ne vous a envoyé d'invitation. La patience finira donc par payer !

A savoir : je dispose de 5 invitations ! Je les enverrai aux 5 premiers Jimdonautes qui en feront la demande en réponse à ce tutoriel ^^ 
EDIT : c'est fini pour les invits !

Si votre beta key est valide ou que vous avez été invité, vous recevez instantanément un mail contenant un lien pour activer votre compte.  Le plus dur est fait : vous pouvez passer à l'étape suivante : la conception de votre Hello Bar.

3. Conception de la Hello Bar

Soyez prévenus : l'interface du site est en anglais ! Heureusement, tout est d'une simplicité à frémir, donc ce n'est pas gênant pour ceux que rebute l'anglais. D'abord, connectez-vous en entrant votre login (c'est votre mail) et votre mot de passe (envoyé par mail) :

Connexion au service Hello Bar

Vous voilà prêts à créer votre première barre !

Le contenu

Commencez par donner un nom à votre barre pour l'identifier aisément  - vous pouvez en effet en concevoir autant que vous avez de sites. Choisissez également son contenu : soit un contenu manuel que vous entrez vous-même, soit le contenu d'un flux RSS.

Hello Bar : choix du contenu

J'ai opté pour un contenu manuel. Il m'a suffi de renseigner un formulaire :

Hello Bar : saisie du contenu manuel

L'habillage

Reste à choisir l'habillage de votre barre. Cela se fait en visuel : vous pouvez sélectionner un des thèmes prêts à l'emploi ou faire votre propre design en choisissant des couleurs dans une palette très pratique.

Hello Bar : choix des couleurs

A tout moment, vous visualisez le résultat de vos modifications en direct dans l'aperçu :

Hello Bar : aperçu en direct

Paramètres avancés

L'onglet "Settings" déroule une série de paramètres qui permettent une customisation avancée de la Hello Bar, notamment des effets d'animation qui l'accompagnent :

Hello Bar : paramètres avancés

Le code à copier-coller

Quand vous avez fini, cliquez sur le bouton "Save" pour afficher le code de votre barre :

Hello Bar : le code

4. Installation dans Jimdo

Alors là, c'est on ne peut plus simple ! Ajoutez un + Widget/HTML dans la barre latérale de votre site Jimdo, collez-y le code fourni ci-dessus et enregistrez le changement.

Ajout du code de la Hello Bar dans Jimdo

Repassez en mode "visiteur" (en cliquant sur "Afficher" en bas de votre site) pour voir la barre apparaître en haut de votre site !

5. Gestion de la Hello Bar

Modifier, supprimer, désactiver

Une fois que votre barre de notification est installée, vous pouvez à tout moment l'éditer, (changer son contenu, son habillage, son comportement, etc ) ou la supprimer en vous connectant à votre espace d'administration. Vous pouvez aussi temporairement la désactiver en actionnant "l'interrupteur" prévu à cet effet :

Espace de gestion des Hello Bars

Consulter les statistiques

En cliquant sur l'onglet "Stats" de votre espace de gestion, vous pourrez savoir combien de personnes ont cliqué sur le lien de votre "Hello Bar" (et combien de fois la barre a été affichée, d'où le calcul d'un savant pourcentage... ^^) :

Hello Bar : gestion des stats

Z'avez des trucs à dire ?

Écrire commentaire

Commentaires : 18
  • #1

    Pfister Caroline (lundi, 25 avril 2011 22:38)

    Bon ben s'il reste des invitations, j'suis partante!

  • #2

    Remi (mardi, 26 avril 2011 15:12)

    Et bien moi aussi je suis partant pour les invitations !

  • #3

    macuisineenherbe (dimanche, 01 mai 2011 14:30)

    moi aussi je suis partant pour l'invitation (si il en reste bien sur ! )

  • #4

    claudeflorian (dimanche, 01 mai 2011 16:05)

    Je peut avoir une invit si il en reste ? Merciii :)

  • #5

    kairoschimera (mardi, 03 mai 2011 18:45)

    S'il reste une invitation je suis partant également.

  • #6

    Isa (mardi, 03 mai 2011 19:13)

    Et voilà, c'est fini pour les invits pour la Hello Bar :-)

  • #7

    challengedesmontagnesf4 (mardi, 03 mai 2011 19:41)

    C'est cool de partager

  • #8

    Arsalane (vendredi, 20 mai 2011 23:43)

    Je cherche une invitation .. merci

  • #9

    anisetsouleou (jeudi, 23 juin 2011 04:04)

    Une fois de plus, MERCI Isa pour cette fonctionnalite excellente !
    Il me reste 4 invitations si certaines personnes sont interressees :-)

  • #10

    Véronique & Moez (mercredi, 06 juillet 2011 07:54)

    Bonjour, j'ai un patit problème. Je n'ai pas compris dans votre support comment installer le widget/html dans la barre latérale... Donc j'ai inséré le code sur la page d'accueil, la barre s'affiche normalement, mais pas l'espèce d'onglet de coté. et je ne peux pas corriger le code. Donc chaque fois je réinsère le code sur ma page d'accueil.... pas super comme technique!
    Comme je suis à Goma, RD Congo, les connexions sont archimauvaises, en 56 kb, donc merci de me répondre sur mon mail goma@paindesel.org. Notre site pour voir: www.paindesel.org. Et merci d'avance pour votre aide!

  • #11

    rhuysmultiservices (jeudi, 28 juillet 2011 14:38)

    bonjour !
    excellent cette hello bar, je l'ai mise sur le site mais le lien (en savoir plus" sur ma version) ne fonctionne que quand je suis en mode utilisateur, et non pas visiteur.. quand je suis en visiteur, je clique et une fenetre d'erreur apparait : non connecté, veuillez vous connecter à votre espace Jimdo)... auriez-vous une explication éventuelle ? je ne suis pas super calée.. merci d'avance !
    elo

  • #12

    aby (jeudi, 18 août 2011 20:07)

    QsFhOrzlGejzEh4b

    klg6AtVV9PtmG89x

  • #13

    aidefr (dimanche, 06 novembre 2011 09:41)

    Bonjour,

    Sauf que cette HelloBar ne fonctionne que si un visiteur à activer JavaScript sinon un message de ce genre "The Hello Bar is a simple notification bar that engages users and communicates a call to action." s'affiche à l'endroit où vous l'avez mis en plus y a un lien qui s'ouvre dans la meme page du coup vous perdez votre visiteur s'il clique sur le lien.

    De vous à moi je l'aurais plutôt fait sans JavaScript, je ne dis pas ça pour s'embêter le monde c'est juste une critique positive:).

    cordialement,
    AideFr

  • #14

    tirsaintmichel (samedi, 19 novembre 2011 01:00)

    beta key, inscription?, je mets un message et il faut s incrire pour metre un message , il faut tweeter un truc??desole comme beaucoup
    je n ai rien compris
    merci quand meme , je sais que vous faites du beau boulot , mais pour ceux qui savent deja comment tout cça fonctionne

  • #15

    CALP (dimanche, 25 mars 2012 16:04)

    Je n'arrive pas à enlever la barre Hello Bar. Est ce que quelqu'un peu m'aider SVP, sachant que je ne comprend pas l'anglais. Merci par avance.

  • #16

    verbastream (samedi, 05 mai 2012 21:04)

    Bonjour, lorsque je colle le code fourni dans la barre latérale de mon site Jimdo, la Hello bar apparaît sous le menu, et non tout en haut du site, ce qui est assez peu esthétique...
    Merci d'avance pour votre aide !! :)

  • #17

    Isabelle (jeudi, 30 août 2012 14:58)

    @ Verbastream : repassez en mode Visiteur. La Hello Bar n'est affichée que dans ce mode. En mode Admin, elle reste sous le menu, elle ne se déploie pas. C'est donc normal de ne pas la voir en admin.

  • #18

    hs56 (samedi, 29 septembre 2012 11:52)

    Bonjour,
    il reste une invitation pour moi ?
    Merci d'avance.

Ruban