Barre d'annonces

Paramétrer une barre dynamique sur une boutique shopify

Insérer une barre d’annonces dynamique sur votre boutique Shopify®, est une bonne méthode pour créer du mouvement et diffuser des bénéfices de marque. La barre d’annonces fait défiler vos messages de droite à gauche en boucle à la vitesse que vous le souhaitez.

Le thème SHOPIWEB vous permet en quelques clics (et sans écrire une ligne de code) d’ajouter une superbe barre d’annonce en haut de votre boutique e-commerce. Sur cette barre défileront de 1 à 5 messages selon les besoins de votre projet.

Dans le tutoriel qui suit, vous allez apprendre à :

• Ajouter une barre d’annonces dynamique sur Shopify®

• Ajouter des messages à la barre d’annonces dynamique

• Personnaliser facilement la barre d’annonces dynamique

PRÉ-REQUIS : Pour poursuivre ce tutoriel, assurez-vous d’avoir une licence SHOPIWEB active sur votre boutique Shopify®. Si ce n’est pas encore déjà fait, rendez-vous sur cette page.

Ajouter une barre d’annonces dynamique sur Shopify®

• Depuis la personnalisation du thème, sélectionnez la page d’accueil

ÉTAPE 1 : Sélectionnez la page d'accueil depuis l'interface de personnalisation du thème SHOPIWEB

• La barre d’annonces dynamique est une application intégrée au thème SHOPIWEB, qui appartient au HEADER GROUP (la partie en haut de page)

ÉTAPE 2 : Normalement la BARRE D'ANNONCES est déjà ajoutée dans la partie HEADER GROUP

• Si elle n’apparaît pas, cliquez sur AJOUTER UNE SECTION > BARRE D’ANNONCES

• Vous voyez maintenant la BARRE D’ANNONCES dynamique apparaître dans la zone HEADER GROUP qui se trouve dans la colonne à gauche de votre écran

Ajouter des messages à la barre d’annonces dynamique

• La BARRE D’ANNONCES vous permet d’ajouter jusqu’à 5 messages commerciaux

• Depuis la colonne de gauche, cliquez sur AJOUTER MESSAGE qui se trouve en dessous de la section BARRE D’ANNONCES

• Ajoutez votre message dans la zone prévue à cet effet dans la colonne située à droite de votre écran. Préférez des phrases courtes ou des appels à l’action (cette zone fait partie des premiers éléments que vos visiteurs verront en arrivant sur votre boutique)

ÉTAPE 3 : Zone de réglages de la section BARRE D'ANNONCES située à droite de l'écran

• Choisissez de faire clignoter ou non votre message en cochant la case ENABLE

• Il est également possible d’insérer un lien pour rediriger les visiteurs lorsque ces derniers cliqueront sur votre message (idéal pour faire des promotions et envoyer sur la page produit de votre choix)

• Recommencer la procédure pour chaque message que vous souhaitez faire défiler dans votre barre d’annonces dynamique Shopify®

Personnaliser facilement la barre d’annonces dynamique

• Sélectionnez la BARRE D’ANNONCES depuis votre colonne de gauche pour voir apparaître la zone de personnalisation dans la colonne située à droite de votre écran

ÉTAPE 3 : Personnalisez la barre d'annonces depuis les options de la colonne à droite de l'écran

• La première option qui s’offre à vous est la case ACTIVER LA BARRE COLLANTE. En cochant cette case, la BARRE D’ANNONCES dynamique reste à l’écran lorsque les visiteurs commencent à scroller l’écran puis disparaît.

• L’option suivante vous permet de régler la TAILLE DU TEXTE. Pour un texte de petite taille, choisissez SMALL. Pour un texte de taille moyenne, choisissez MEDIUM et enfin pour un texte de grande taille, optez pour LARGE. À titre indicatif, la boutique Eclypsio a une TAILLE DE TEXTE pour la barre d’annonces en MEDIUM.
• Le réglage suivant vous permet de laisser les messages fixes en choisissant FIXE ou bien de les faire défiler en boucle grâce à l’option AUTO-SCROLLING. La boutique démo Eclypsio est réglée avec l’option AUTO-SCROLLING.
• Le réglage suivant vous permet de choisir la VITESSE DE DÉFILEMENT des messages dans le cas où vous auriez choisi l’option AUTO-SCROLLING. Plus la jauge bleu est proche des 40 s (secondes), plus les messages défileront lentement.

• L’option suivante vous permet de personnaliser les COULEURS. Choisissez la COULEUR D’ARRIÈRE PLAN puis la COULEUR DU TEXTE.

• Enfin, le dernier réglage est optionnel car il est réservé aux utilisateurs avancés qui souhaitent pousser la personnalisation beaucoup plus loin grâce à du code CSS.

• Une fois que vous avez terminé, cliquez sur ENREGISTRER et admirez le résultat sur votre boutique en ligne !

FÉLICITATIONS ! La barre d’annonces dynamique est maintenant active et personnalisée sur votre boutique Shopify®.

Besoin d’un coup de main ?

Profitez d’un coaching personnalisé avec Xavier LOPES, le créateur du thème SHOPIWEB. Durant cet entretien privilégié, il vous apprend à devenir autonome en création de boutique e-commerce avec Shopify®. Infos et réservations disponibles sur cette page.