Configurer la popup de newsletter pour votre site Web

Une fenêtre contextuelle de newsletter est un outil efficace permettant aux boutiques en ligne de collecter les e-mails des visiteurs du site Web et d'obtenir davantage de bons contacts pour les campagnes de marketing par e-mail. Cette fonctionnalité est prise en charge par le thème Be Yours avec plusieurs paramètres pour optimiser votre processus d'abonnement aux actualités.

Dans cet article, nous allons vous montrer comment configurer la popup de la newsletter de manière simple et rapide.

Sur cette page

Configurer la popup de la newsletter

  1. Sur votre tableau de bord Shopify Admin, cliquez sur Boutique en ligne > Thèmes .
  2. Sur la page Thèmes, choisissez le thème Be Yours et cliquez sur le bouton Personnaliser du thème.
  3. Dans le menu de gauche de la page d'accueil , faites défiler jusqu'à la section Popup en bas.
  4. Dans la section Popup , 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.
  5. Cliquez sur la section Popup pour configurer différents attributs, notamment :
      • Mode d'affichage : Il existe trois options : Activer , Désactiver et Mode test . Si vous choisissez « Mode test », la fenêtre contextuelle s'affiche toujours pour votre examen. Lorsque vous êtes satisfait du look, vous passez à « Activer ».
      • Afficher sur la page d'accueil uniquement : Cochez cette option si vous souhaitez afficher cette popup uniquement sur la page d'accueil.
      • Afficher uniquement pour les visiteurs : Cochez cette option si vous souhaitez afficher cette popup uniquement pour les visiteurs. Les utilisateurs qui se connectent à leur compte sur votre site Web ne verront pas la fenêtre contextuelle.
      • Délai : Vous pouvez définir le délai d'affichage de la bannière après le chargement de la page d'accueil. Le temps de retard minimum est de 2 secondes et le maximum est de 60 secondes. Veuillez noter que l'attribut delay est désactivé dans l'éditeur de thème, vous ne pouvez donc pas le voir appliqué lors de l'édition.
      • Fréquence : Ici, vous pouvez définir la fréquence à laquelle la popup apparaît à un visiteur. Par exemple, si « 3 jours » est défini, la fenêtre contextuelle de la newsletter sera présentée au visiteur tous les 3 jours lorsqu'il visite le site Web. La fréquence minimale pouvant être définie est de 1 jour et la fréquence maximale est de 30 jours.
      • Largeur de la fenêtre contextuelle : vous définissez la largeur de la fenêtre contextuelle dans une plage de 300 à 1 000 px.
      • Remplissage du contenu : vous définissez le remplissage du contenu dans une plage de 20 à 80 px.
      • Alignement du contenu : le contenu du popup peut être aligné horizontalement à gauche , au centre ou à droite .
      • Position du contenu : Vous pouvez placer le contenu du popup au Centre , en bas à gauche ou en bas à droite .
      • Image : Ce champ permet d'insérer l'image du popup. L'image peut être placée en haut , à gauche , à droite ou en bas dans la fenêtre contextuelle lors de son affichage sur le bureau. Vous le configurez en sélectionnant l'option dans le champ Position du bureau .

        Notes : Il existe certaines restrictions liées à la visibilité de l'image contextuelle, notamment :

        • La position du contenu doit être « Centre » pour afficher l'image contextuelle.
        • La largeur minimale de la fenêtre contextuelle doit être de 720 px pour afficher l'image contextuelle.
        • Sur les appareils mobiles, l'image contextuelle ne s'affiche pas en raison des exigences de référencement des directives interstitielles de Google.

      • Couleurs : vous pouvez choisir les couleurs du texte, des bordures, de l'arrière-plan et de l'ombre de la fenêtre contextuelle selon vos préférences.

Configurer la barre flottante de la newsletter

Le thème Be Yours prend également en charge une barre flottante de newsletter sur le côté de la page Web. En conservant sa position lorsque les visiteurs Web font défiler une page vers le bas ou vers le haut, ils peuvent cliquer instantanément pour accéder aux informations sans naviguer ailleurs.

Vous pouvez modifier les paramètres de cette barre flottante de newsletter dans le menu de gauche de la page d'accueil comme suit :

    1. Dans la section Popup , vous verrez le bloc Newsletter 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.
  1. Cliquez sur le bloc Newsletter . 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 Popup.
      • Afficher les icônes des réseaux sociaux : Cochez cette option si vous souhaitez afficher vos raccourcis des réseaux sociaux dans cette barre flottante. Pour garantir la visibilité de ces icônes, pensez à saisir d'abord vos liens vers les réseaux sociaux dans Paramètres du thème > Médias sociaux .
      • Position du contenu : Vous pouvez définir la barre flottante pour qu'elle soit placée à gauche ou à droite de l'écran.
      • Couleur : Vous pouvez définir ici la couleur de la barre flottante.
      • Désactiver sur mobile : Cochez cette option si vous ne souhaitez pas que la barre flottante apparaisse lorsque les visiteurs utilisent des appareils mobiles.
  2. Enfin, cliquez sur Enregistrer .

Nous espérons que cet article vous sera utile ! Si vous avez des inquiétudes concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir une assistance supplémentaire.