Hoppy Announcement Bar vous permet de créer des versions traduites de votre contenu d'annonce afin que les clients qui naviguent sur votre boutique dans différentes langues voient automatiquement des messages localisés.

Cela permet d'offrir une expérience d'achat plus familière aux visiteurs internationaux — sans avoir à créer des barres d'annonce séparées pour chaque langue ✨

Vous pouvez ajouter des traductions pour :

• 📝 Title (Titre)
• 📄 Subheading (Sous-titre)
• 🔘 Button Text (Texte du bouton)
• ✅ Success Message (Message de confirmation) (type de barre Email uniquement)

🌐 Avant d'ajouter des traductions

Avant de pouvoir ajouter des traductions dans Hoppy Announcement Bar, la langue doit déjà exister dans les paramètres de votre boutique Shopify.

Hoppy Announcement Bar détecte automatiquement les langues configurées dans :

→ Shopify Admin → Settings (Paramètres) → Languages (Langues)

Seules les langues non principales ajoutées là-bas deviendront disponibles dans l'application pour la traduction.

⚠️ Important :

Si une langue n'est pas ajoutée d'abord dans les paramètres Shopify, elle n'apparaîtra pas dans le menu déroulant Translation (Traduction) de Hoppy Announcement Bar.

💡 Pour ajouter une langue à votre boutique Shopify, vous pouvez suivre :

→ "Comment ajouter une langue dans une boutique Shopify ?"

🛠️ Étape 1 — Ouvrir Hoppy Announcement Bar

Ouvrez l'application Hoppy Announcement Bar depuis votre Shopify Admin.

Puis :

→ Ouvrez une configuration de barre d'annonce existante
→ Ou créez une nouvelle barre d'annonce

🎯 Étape 2 — Localiser le menu déroulant Preview Language

Une fois dans la configuration de l'annonce :

→ Regardez la zone en haut à droite de la page
→ Trouvez le menu déroulant Preview Language (langue d'aperçu)

Ce menu déroulant affiche :

• English (Anglais) — la langue de votre contenu de base
• Les langues pour lesquelles vous avez déjà ajouté des traductions
• Add More (Ajouter d'autres langues) — pour ajouter une nouvelle traduction

ℹ️ Le sélecteur Preview Language n'est pas disponible pour les annonces positionnées dans le Checkout.

➕ Étape 3 — Ajouter une nouvelle traduction

Dans le menu déroulant Preview Language :

→ Sélectionnez Add More (Ajouter d'autres langues)

Une fois cliqué, une fenêtre modale Add Translation (Ajouter une traduction) apparaîtra.

Dans cette fenêtre modale, vous pouvez :

• Sélectionner la langue dans laquelle vous souhaitez traduire
• Saisir le texte traduit pour chaque champ de contenu
• Configurer le contenu de traduction affiché en boutique

🌍 Étape 4 — Sélectionner la langue

En haut de la fenêtre modale Add Translation :

→ Choisissez la langue dans le menu déroulant Select language (Sélectionner la langue)

Seules les langues qui répondent aux conditions suivantes apparaîtront dans cette liste :

• ✅ Déjà configurées dans Shopify Settings → Languages
• ✅ Pas encore traduites pour le type d'annonce actuel

💡 Vous avez besoin de plus de langues ? Cliquez sur Add language (Ajouter une langue) dans la fenêtre modale pour accéder directement aux paramètres de langue de Shopify.

✍️ Étape 5 — Configurer le contenu de la traduction

Les champs affichés dans la fenêtre modale dépendent du type de votre annonce.

📝 Types Simple / Running / Email

Pour ces types de barres, vous verrez :

• Title (Titre) — Le message d'annonce principal
• Subheading (Sous-titre) — Texte complémentaire (masqué pour le type Running)
• Button Text (Texte du bouton) — Le libellé du bouton d'appel à l'action
• Success Message (Message de confirmation) — Affiché après la soumission de l'email (type Email uniquement)

🔄 Type Multiple Slides

Pour les diapositives rotatives multiples, vous verrez une section distincte pour chaque diapositive :

• Announcement #1 (Annonce n°1) — Titre, Sous-titre, Texte du bouton
• Announcement #2 (Annonce n°2) — Titre, Sous-titre, Texte du bouton
• Et ainsi de suite...

Chaque diapositive se traduit indépendamment.

💡 Exemple de traduction

Si votre contenu de base en anglais contient :

Title : "Free shipping on all orders over $50"

Alors une traduction en espagnol pourrait ressembler à :

Title : "Envío gratis en todos los pedidos superiores a $50"

Saisissez simplement le texte traduit exactement comme vous souhaitez que les clients le voient en boutique.

✅ Étape 6 — Confirmer et enregistrer

Une fois les traductions saisies :

→ Cliquez sur Add translation (Ajouter une traduction) dans la fenêtre modale

La fenêtre modale se fermera et la nouvelle langue :

• Apparaîtra dans le menu déroulant Preview Language
• Devient sélectionnable pour l'aperçu en direct

Après cela :

→ Save (Enregistrer) la barre d'annonce
→ Publish (Publier) la barre d'annonce

👀 Prévisualiser les traductions

Après avoir ajouté une traduction :

→ Utilisez le menu déroulant Preview Language (langue d'aperçu) pour passer d'une langue à l'autre
→ L'aperçu en direct à droite se met à jour automatiquement

Cela vous aide à vérifier à quoi ressemble le contenu traduit avant la publication.

ℹ️ Remarque : L'aperçu se met à jour pour tous les types d'annonces — Simple, Running, Multiple et Email.

🌐 Comment les traductions apparaissent en boutique

Une fois publiées, les clients verront automatiquement le contenu dans la langue de navigation :

• Si un client navigue en espagnol et qu'une traduction espagnole existe → il voit la version espagnole
• Si un client navigue en allemand mais qu'aucune traduction allemande n'existe → il voit la version anglaise par défaut

Cela se fait automatiquement — aucun changement manuel n'est nécessaire 🌍

📝 Gérer les traductions existantes

Pour mettre à jour ou examiner une traduction existante :

→ Ouvrez le menu déroulant Preview Language (langue d'aperçu)
→ Sélectionnez la langue que vous souhaitez modifier
→ La fenêtre modale s'ouvrira avec le contenu traduit existant
→ Apportez vos modifications et cliquez sur Add translation (Ajouter une traduction)

La traduction mise à jour remplacera la version précédente pour cette langue.

⚠️ Remarques importantes

• Les traductions sont spécifiques au type — une traduction ajoutée pour une barre Simple ne s'appliquera pas automatiquement à une barre Multiple
• Seules les langues non principales de la boutique Shopify apparaissent comme options de traduction
• Pour les annonces positionnées dans le Checkout, les traductions ne sont pas prises en charge
• Pensez toujours à Save and Publish (Enregistrer et publier) après avoir ajouté ou modifié des traductions
• La langue affichée en boutique est déterminée par la locale active de Shopify — assurez-vous que votre thème prend en charge le changement de langue

🎉 Résultat final

Une fois configuré correctement :

✅ Les clients voient le contenu de l'annonce dans leur langue de navigation
✅ Les langues non traduites reviennent automatiquement à l'anglais
✅ Plusieurs langues de boutique sont prises en charge à partir d'une seule barre d'annonce
✅ L'expérience d'achat devient plus localisée et accessible ✨

L'utilisation correcte des traductions peut rendre votre boutique plus accueillante pour les clients internationaux 🚀

Mis à jour le : 01/09/2026