La Barre d'annonces est une fine bande, en général tout en haut de la page, pour de courts messages comme « Livraison gratuite cette semaine » ou « Paiement à la livraison disponible ». Elle peut afficher un seul message ou en faire tourner plusieurs.
Ajouter une barre d'annonces
- Ouvrez le constructeur et allez sur la page voulue.
- Dans l'onglet Sections, cliquez sur Ajouter une nouvelle section et choisissez Barre d'annonces dans le groupe Disposition.
- Faites-la glisser au-dessus de l'en-tête si vous la voulez tout en haut.
- Sélectionnez un bloc Annonce et tapez votre message dans Texte d'annonce.
- Cliquez sur Publier.
Vous pouvez ajouter jusqu'à 2 barres d'annonces par page, sur n'importe quelle page. Chaque page garde sa propre copie. Pour afficher la même barre partout, utilisez Appliquer à toutes les pages, voir Sections et blocs.
Messages
Chaque message est un bloc Annonce. Cliquez sur Ajouter un nouveau bloc pour en ajouter un, jusqu'à 7 par barre. Faites-les glisser pour changer leur ordre. Les messages masqués et les messages vides sont ignorés. Avec un seul message, il reste immobile et centré.
Réglages d'animation
Les réglages d'Animation n'apparaissent que si la barre a au moins deux messages visibles.
- Mode : Curseur affiche un message à la fois, avec de petites flèches pour revenir en arrière ou avancer. Défilement fait défiler tous les messages sur une ligne continue.
- Direction : Gauche ou Droite, le sens dans lequel bougent les messages.
- Temps avant la prochaine annonce : de 2 à 10 secondes. En mode Curseur, c'est la durée d'affichage de chaque message. En mode Défilement, il règle la vitesse : le temps que met la ligne pour traverser l'écran, donc plus le nombre est grand, plus le défilement est lent.
- Séparateur : un court caractère ou un emoji placé entre les messages, par exemple un point ou une étoile. Mode Défilement uniquement.
Le défilement se met en pause quand un client le survole, le touche ou l'atteint au clavier, pour qu'il puisse le lire. Les clients qui ont activé la réduction des animations sur leur appareil le voient immobile.
Disposition et apparence
- Largeur de la section : Page garde les messages dans la largeur de votre page, Complet utilise toute la largeur de l'écran.
- Schéma de couleurs : les couleurs du fond et du texte de la barre. Un fort contraste avec l'en-tête aide la barre à ressortir. Les schémas se modifient dans Schémas de couleurs.
- Taille de police : de 10 à 30 pixels.
- Marge intérieure : l'espace au-dessus, en dessous et sur les côtés du texte.
- Onglet CSS personnalisé : vos propres styles pour cette barre uniquement.
Idées
- Deux barres : un message fixe (par exemple votre promesse de livraison) et une deuxième barre qui fait tourner les offres.
- Des messages courts fonctionnent mieux sur téléphone, où l'écran est étroit.
- Message saisonnier : masquez la barre avec l'icône en forme d'œil à la fin de l'offre, et réaffichez-la la prochaine fois. Ses messages sont conservés.
Bon à savoir
- Je ne trouve pas Mode ni Séparateur : ajoutez d'abord un deuxième message. Séparateur demande aussi que Mode soit sur Défilement.
- La barre n'est pas sur les autres pages : chaque page a ses propres sections. Ajoutez-la sur ces pages, ou utilisez Appliquer à toutes les pages sur les pages qui ont déjà une barre.