ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.

Vous souhaitez développer votre liste d'emails directement depuis votre boutique ? 🚀

La barre de collecte d'emails dans Hoppy Announcement Bars & Banners facilite la capture des emails des visiteurs et transforme les visiteurs occasionnels en abonnés — le tout sans quitter votre boutique Shopify.

Une fois configurée, les clients peuvent s'abonner directement depuis la bannière, et vous pouvez même les récompenser avec un code promo automatique pour encourager les inscriptions ✨

✅ Avant de commencer

Avant de créer votre barre de collecte d'emails, assurez-vous que :

• L'application Hoppy Announcement Bars & Banners est installée sur votre boutique Shopify
• Votre thème Shopify a activé l'Announcement Banner app embed

Si vous n'avez pas encore activé l'app embed, allez dans :

Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds

Puis activez Announcement Banner et cliquez sur Save (Enregistrer).

🛠️ Étape 1 — Créer une nouvelle barre de collecte d'emails

Ouvrez l'application Hoppy Announcement Bars & Banners depuis votre Shopify Admin.

Ensuite :

→ Cliquez sur Create New Announcement (Créer une nouvelle annonce)

→ Sélectionnez Email Collection Bar (Barre de collecte d'emails)

→ Choisissez un Preset (préréglage) correspondant au style de votre boutique, ou cliquez sur Make your Own (Créer la vôtre) pour partir de zéro

Une fois sélectionné, la page de configuration s'ouvrira automatiquement.

⚙️ Étape 2 — Configurer le contenu

Après avoir ouvert la page de configuration, vous arriverez dans l'onglet Content (Contenu).

Cette section contrôle ce que vos visiteurs voient et comment le formulaire de collecte d'emails se comporte.

🏷️ Announcement Name (Nom de l'annonce)

Ce champ est réservé à un usage interne.

Les clients ne verront jamais ce nom.

Utilisez un nom reconnaissable, par exemple :

• Newsletter Signup Bar (Barre d'inscription à la newsletter)
• Welcome Offer Banner (Bannière d'offre de bienvenue)
• Email List Builder (Créateur de liste d'emails)

💡 L'utilisation d'un nom interne approprié facilite l'identification des configurations plus tard, surtout si votre boutique gère plusieurs campagnes.

📝 Title & Subheading (Titre et sous-titre)

Ce sont les messages principaux affichés aux visiteurs.

• Title (Titre) — Le titre de votre barre de collecte d'emails. Utilisez l'éditeur de texte enrichi pour le formater comme vous le souhaitez.
• Subheading (Sous-titre) — Un message complémentaire sous le titre (facultatif).

Exemple

• Title : « Rejoignez notre liste VIP et bénéficiez de 15 % de réduction »
• Subheading : « Soyez le premier informé des nouveautés et des offres exclusives »

💡 Un titre clair et convaincant aide à augmenter les taux d'inscription 📈

🔘 Button Text (Texte du bouton)

C'est le texte affiché sur le bouton d'abonnement à côté du champ de saisie de l'email.

Exemples

• « Subscribe » (S'abonner)
• « Get My Discount » (Obtenir ma remise)
• « Join the Club » (Rejoindre le club)
• « Claim Offer » (Réclamer l'offre)

✉️ Email Placeholder (Indicateur de l'email)

C'est le texte d'indication affiché dans le champ de saisie de l'email avant que le visiteur commence à taper.

Exemple

• « Enter your email » (Saisissez votre email)
• « Your email address » (Votre adresse email)

🎉 Success Message (Message de confirmation)

Ce message apparaît après qu'un visiteur a soumis son email avec succès.

Exemple

• « Welcome aboard ! Check your inbox for your discount code 🎉 » (Bienvenue à bord ! Consultez votre boîte de réception pour votre code de réduction 🎉)
• « Thanks for subscribing ! » (Merci de votre inscription !)

⚠️ Si vous proposez un code promo, il est recommandé d'en faire mention dans le message de confirmation pour que les clients sachent à quoi s'attendre.

🏷️ Coupon Code (Code promo)

Vous souhaitez récompenser les nouveaux abonnés avec une remise ? Vous pouvez ajouter un code promo qui apparaît après leur envoi d'email.

→ Saisissez votre Coupon Code (Code promo)

→ Cochez Show copy button (Afficher le bouton de copie) si vous souhaitez que les clients puissent copier le code en un clic

⚠️ Important :

• Le code promo par défaut "PROMO123" n'est qu'un exemple et ne fonctionnera pas à la validation de la commande à moins qu'une remise avec ce code existe dans Shopify.
• Veuillez noter que la saisie d'un code promo dans notre application ne crée pas automatiquement de remise Shopify.
• Avant d'afficher un code promo via notre application, vous devez d'abord créer la remise correspondante dans Shopify Admin → Discounts. Une fois la remise créée, vous pouvez utiliser le même code dans notre application pour l'afficher aux clients après leur inscription.

❌ Close Icon (Icône de fermeture)

Activez cette option si vous souhaitez que les visiteurs puissent fermer la barre de collecte d'emails.

Lorsque cette option est activée, vous pouvez également contrôler le délai de réapparition de la barre :

• Appear again after (Réapparaître après) — Définissez un nombre
• Unit (Unité) — Choisissez hours (heures) ou days (jours)

Cela évite d'importuner les visiteurs réguliers tout en laissant aux nouveaux visiteurs une chance de s'abonner.

📋 Copy Button (Bouton de copie)

Activez cette option si vous souhaitez que les visiteurs puissent copier le Coupon Code (Code promo).

Cela permet aux visiteurs de copier le code promo en un clic, plutôt que de le sélectionner manuellement.

🎨 Étape 3 — Personnaliser le design

Cliquez sur Continue to design (Continuer vers le design) pour accéder à l'onglet Design (Design).

Vous pouvez y contrôler l'apparence de votre barre de collecte d'emails :

• Position (top push, bottom, etc.) — Position (poussée en haut, bas, etc.)
• Colors and background styles — Couleurs et styles d'arrière-plan
• Font sizes and button styling — Tailles de police et style du bouton
• Border radius and spacing — Rayon de bordure et espacement
• Animations and sticky behavior — Animations et comportement fixe

💡 Pour une description complète de chaque option de design, consultez notre documentation Design & Styling.

📍 Étape 4 — Définir le placement et le ciblage

Ouvrez l'onglet Placement (Placement) pour contrôler où et quand votre barre de collecte d'emails apparaît.

📐 Display Position (Position d'affichage)

Ce paramètre contrôle l'emplacement physique de la barre sur la page.

• Top Push (Poussée en haut) — Pousse le reste du contenu de la page vers le bas. La barre se situe dans le flux normal du document.
• Top Push (Sticky) (Poussée en haut fixe) — Reste fixée en haut de la fenêtre lors du défilement. Le contenu de la page est tout de même poussé vers le bas.
• Top Overlap (Chevauchement en haut) — Flotte au-dessus de la page sans pousser le contenu vers le bas.
• Top Overlap (Sticky) (Chevauchement en haut fixe) — Flotte en haut et reste visible lors du défilement.
• Bottom Overlap (Sticky) (Chevauchement en bas fixe) — Apparaît en bas de la fenêtre et y reste lors du défilement.
• Manual (Manuel) — Vous contrôlez exactement où la barre apparaît à l'aide d'un extrait de code ou d'un bloc d'application.

---

🌐 Page Targeting (Ciblage de pages)

Choisissez les pages sur lesquelles la barre de collecte d'emails doit apparaître :

• All pages (Toutes les pages)
• Homepage only (Page d'accueil uniquement)
• All product pages (Toutes les pages de produit)
• All collection pages (Toutes les pages de collection)
• Specific products (Produits spécifiques)
• Specific collections (Collections spécifiques)
• Custom pages (Pages personnalisées)

🌍 Geolocation Targeting (Ciblage géographique)

Par défaut, la barre s'affiche pour tous les visiteurs dans le monde.

Si vous souhaitez cibler des pays ou régions spécifiques :

→ Désactivez Allow all locations (Autoriser tous les emplacements)

→ Sélectionnez les pays dans lesquels vous souhaitez que la barre apparaisse

👥 Customer Targeting (Ciblage des clients)

Contrôlez qui voit la barre de collecte d'emails en fonction du comportement des clients :

• All visitors (Tous les visiteurs)
• Logged-in customers only (Clients connectés uniquement)
• Logged-out visitors only (Visiteurs déconnectés uniquement)
• Customers with specific tags (Clients avec des balises spécifiques)
• Customers based on lifetime spend (Clients selon le total dépensé)

💡 Par exemple, vous pouvez afficher la barre uniquement aux nouveaux visiteurs qui ne se sont pas encore connectés, ce qui est idéal pour construire une liste d'abonnés.

📅 Scheduling (Optional) (Planification (facultative))

Définissez une Start Date (date de début) et une End Date (date de fin) si vous souhaitez que la barre s'affiche pendant une période de campagne donnée.

Si aucune date n'est définie, la barre apparaîtra immédiatement une fois publiée et restera active jusqu'à ce que vous la dépubliiez.

🔗 Étape 5 — Activer la synchronisation Shopify Customer (facultative)

Si vous souhaitez que les emails collectés soient automatiquement ajoutés à votre liste Shopify Customers (Clients Shopify) :

→ Allez dans la section Integrations (Intégrations) de l'application Hoppy Announcement Bars & Banners

→ Recherchez Shopify customer list integration (Intégration liste de clients Shopify)

→ Activez-la et configurez :

• Email Subscription (Abonnement par email) — Choisissez si les abonnés sont marqués comme Subscribed (Abonné) ou Not Subscribed (Non abonné) pour le marketing par email

→ Cliquez sur Save (Enregistrer)

Une fois activée, chaque email soumis via votre barre de collecte sera synchronisé en tant que profil client dans Shopify.

Vous pouvez également cliquer sur Sync previous emails (Synchroniser les emails précédents) pour importer les emails collectés avant l'activation de cette intégration.

💾 Étape 6 — Enregistrer et publier

Une fois la configuration terminée :

1. Cliquez sur Save (Enregistrer) pour enregistrer votre configuration
2. Cliquez sur Publish (Publier) pour rendre la barre de collecte d'emails visible sur votre boutique

⚠️ L'enregistrement seul ne rend pas la barre visible pour les clients. Vous devez la publier.

🎉 Résultat final

Une fois la configuration réussie :

✅ Les visiteurs voient une barre de collecte d'emails accrocheuse sur votre boutique
✅ Les emails sont capturés directement depuis la bannière
✅ Les abonnés voient un message de confirmation (et éventuellement un code promo)
✅ Les emails se synchronisent automatiquement avec Shopify Customers (si l'intégration est activée)
✅ Votre liste d'emails grandit pendant que vous vous concentrez sur la gestion de votre boutique 🚀

Utiliser efficacement la barre de collecte d'emails peut vous aider à bâtir une audience fidèle, à stimuler les achats répétés et à augmenter la valeur vie client ✨

Mis à jour le : 10/09/2026