Les fenêtres contextuelles de newsletter sont un moyen puissant pour les boutiques en ligne de collecter les adresses e-mail des visiteurs de leur site Web et de créer leurs listes de marketing par e-mail. Le thème Concept prend en charge les fenêtres contextuelles de newsletter et offre une variété de paramètres pour vous aider à optimiser votre processus d'abonnement aux actualités.
Cet article décrit comment configurer rapidement et facilement une fenêtre contextuelle de newsletter pour votre site Web.
Sur cette page
Configurer la popup de la newsletter
Sur votre tableau de bord d'administration Shopify , cliquez sur Boutique en ligne > Thèmes .
Sur la page Thèmes, choisissez Thème concept et cliquez sur le bouton Personnaliser du thème.
Dans le menu de gauche de la page d'accueil , faites défiler jusqu'au groupe Superposition > section contextuelle Newsletter .
Dans la section contextuelle Nesletter , vous pouvez ajouter différents blocs tels que du texte, des boutons et modifier/formater le contenu de ces blocs si vous souhaitez les montrer aux clients.
Configurez les attributs de la fenêtre contextuelle de la newsletter dans les paramètres de la section contextuelle de la newsletter .
Paramètres de la section contextuelle de la newsletter :
- Mode d'affichage - Pour prévisualiser la fenêtre contextuelle de la newsletter, activez le mode Test . Une fois que vous êtes satisfait de l'apparence, passez à Activer pour que la fenêtre contextuelle soit active sur votre site Web.
- Afficher sur la page d'accueil uniquement - Cochez cette option si vous souhaitez afficher cette fenêtre contextuelle uniquement sur la page d'accueil.
- Afficher uniquement pour les visiteurs - Cochez cette option si vous souhaitez afficher cette fenêtre contextuelle uniquement pour les visiteurs. Les utilisateurs qui se connectent à leur compte sur votre site Web ne verront pas la fenêtre contextuelle.
- Délai - Définissez le délai d'affichage de la fenêtre contextuelle de la newsletter de la page d'accueil après 2 à 60 secondes. ( Remarque : l'attribut de délai est désactivé dans l'éditeur de thème, vous ne pouvez donc pas le voir appliqué lors de l'édition.)
- Fréquence - Définissez la fréquence des fenêtres contextuelles de la newsletter pour contrôler la fréquence à laquelle elle apparaît aux visiteurs. La fréquence minimale est de 1 jour et la fréquence maximale est de 30 jours.
Alignement du texte - Choisissez parmi l'alignement du texte à gauche , au centre ou à droite .
Veuillez consulter le tableau ci-dessous pour un aperçu complet.
Gauche Centre Droite 
- Position du contenu : choisissez l'une des positions contextuelles suivantes :
- Gauche - En bas à gauche du navigateur.
- Centre - Centre du navigateur.
- Droite : en bas à droite du navigateur.
Veuillez consulter le tableau ci-dessous pour un aperçu complet.
Gauche Centre Droite 
Image - Ce champ sert à insérer l'image pour la fenêtre contextuelle.
Note:
![](https://cdn.shopify.com/s/files/1/0599/3182/0194/files/beconcept__how_to_set_up_the_newsletter_popup_for_your_website__013.png?v=1705301826"/)
- La largeur minimale de la fenêtre contextuelle doit être de 720 px pour afficher l'image contextuelle.
- Sur le navigateur mobile, l'image contextuelle de la newsletter n'apparaîtra pas sur mobile afin de respecter les directives interstitielles de Google pour un meilleur référencement.
Couleurs - Vous pouvez choisir les couleurs du texte , de l'arrière-plan , du surlignage , du texte du bouton , de l'arrière-plan du bouton et du dégradé de l'arrière-plan du bouton de la newsletter selon vos préférences.
Configurer la barre flottante de la newsletter
Le concept comprend une élégante barre flottante de newsletter sur le côté de la page Web. Il reste en place pendant que les visiteurs font défiler la page, afin qu'ils puissent facilement cliquer pour s'abonner sans quitter la page.
Vous pouvez modifier les paramètres de cette barre flottante de newsletter dans le menu de gauche de la page d'accueil comme suit :
Dans la section contextuelle Newsletter , vous verrez le bloc Obtenez 20 % de réduction et c'est ici que vous pourrez ajuster la barre flottante. Ce bloc est visible par défaut. Si vous souhaitez masquer l'élément, cliquez sur l' icône en forme d'œil , le bloc Newsletter (barre flottante) sera grisé et masqué sur le site.
Sinon, ajoutez le bloc Barre flottante à partir de la liste Ajouter un bloc .
Cliquez sur le bloc Barre flottante . Dans la fenêtre d'édition ouverte, vous pouvez apporter les modifications suivantes :
- Titre : le texte affiché pour le bloc afin que vous puissiez y naviguer rapidement dans la section contextuelle.
- Position du contenu - Vous pouvez définir la barre flottante pour qu'elle soit placée à gauche ou à droite du navigateur.
- Afficher les icônes des réseaux sociaux - Cochez cette option si vous souhaitez afficher vos raccourcis sur les réseaux sociaux dans cette barre flottante. Pour afficher vos comptes de réseaux sociaux, associez-les dans les paramètres de votre thème .
- Rubrique des réseaux sociaux -
- Disposition mobile :
- Désactiver sur mobile - Désactivez la barre flottante sur un navigateur mobile.
- Masquer les icônes des réseaux sociaux - Si vous activez la barre flottante et masquez toutes les icônes des réseaux sociaux, ce bloc affichera uniquement le texte du titre (par exemple, « Vente à 20 % de réduction »).
- Couleurs - Vous pouvez définir ici la couleur du texte et de l'arrière-plan de la barre flottante.
Enfin, cliquez sur Enregistrer pour terminer.
Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.
