Recherche

Créer votre campagne pop-up

Les campagnes pop-up, aussi appelées messages intégrés à l'application, vous permettent d’afficher des messages ciblés directement sur votre site web ou votre application mobile pour engager les visiteurs au bon moment. Utilisez-les pour promouvoir des offres, mettre en avant des annonces ou inciter à l’action sans envoyer une campagne distincte. Contrairement aux campagnes push, les visiteurs n’ont pas besoin de consentir à recevoir des pop-up, vous pouvez atteindre tout le monde.

Bon à savoir

  • Les pop-up utilisent la même configuration que les notifications push. Si vous avez déjà configuré des notifications push, vous n’avez pas besoin de reconfigurer les pop-up. Pour en savoir plus, consultez notre article dédié Configurer les notifications push web et les pop up.
  • Les campagnes pop-up sont différentes des formulaires d'inscription pop-up. Les formulaires d'inscription servent à collecter de nouveaux contacts et à développer vos listes, tandis que les pop-up promotionnels sont des messages de campagne envoyés aux visiteurs de votre site web ou de votre application. Pour en savoir plus, consultez notre article dédié Créer un formulaire d'inscription pop-up dans Brevo.

🔎 Étape 1 : créer votre campagne pop-up

Pour créer votre campagne pop-up :

  1. Accédez à Marketing > Campagnes.
  2. Cliquez sur Créer une campagne.
  3. Choisissez pop-up.
  4. Donnez un nom à votre campagne pop-up pour la retrouver facilement dans la liste de vos campagnes pop-up. Ce nom ne sera visible que par vous.
  5. (Facultatif) Sélectionnez un ou plusieurs tags. Pour en savoir plus, consultez notre article dédié Créer et utiliser des tags pour vos campagnes et automatisations.
  6. (Facultatif) Sélectionnez un dossier dans lequel vous souhaitez enregistrer votre campagne pop-up à des fins d’organisation. Pour en savoir plus sur les dossiers de campagne, consultez notre article dédié Organiser vos campagnes et vos templates à l'aide de dossiers.
    popups_create-campaign_en-us.png
  7. Cliquez sur Créer un pop-up.

🎨 Étape 2 : concevoir votre formulaire pop-up

Vous pouvez maintenant commencer à concevoir l'apparence de votre pop-up sur votre site web, à la fois sur les ordinateurs de bureau et sur les appareils mobiles.

Vous pouvez faire glisser des blocs et les déposer, et configurer d'autres éléments pour concevoir votre campagne pop-up, ou utiliser l’éditeur HTML/CSS.

Concevoir votre campagne pop-up

Éditeur Drag & DropHTML/CSS
popups_drag-drop-editor_en-us.png

Pour commencer à concevoir votre campagne pop-up avec l'éditeur Drag & Drop :

  1. Cliquez sur Créer un design > Éditeur Drag & Drop.
  2. Sélectionnez Créer à partir de zéro ou choisissez l’un des templates disponibles.

  3. Utilisez l’éditeur pour ajouter du contenu à votre pop-up.

    Développez les accordéons suivants pour en savoir plus sur les blocs disponibles pour concevoir votre pop-up

    ✏️ Texte
    popups_text-block_en-us.png

    Le bloc Texte vous permet d'inclure un texte descriptif dans votre pop-up. Vous pouvez ajouter une introduction attrayante et fournir plus d'informations sur l'objectif du pop-up. Lorsque vous cliquez sur un bloc Texte, une barre supérieure apparaît. Elle vous permet de modifier la mise en forme du texte (style, police, taille, couleur et alignement) et d'insérer des liens.

    🖼️ Image
    popups_image-block_en-us.png
    		 Le bloc Image vous permet d'ajouter une image attrayante. Vous pouvez sélectionner ou générer une image. Vous pouvez ajouter une page ou un écran de destination et personnaliser le style de l'image.
    🖱️ Bouton
    popups_button-block_en-us.png
    		 Le bloc Bouton vous permet d'ajouter un call-to-action en ajoutant une URL, ce qui permet de rediriger les visiteurs lorsqu'ils cliquent dessus. Vous pouvez personnaliser le style de votre bouton call-to-action : modifier le texte, la couleur, la police, l'arrondi des bordures et le remplissage.

  4. Vous pouvez personnaliser l'aspect de votre pop-up sur votre site web. Cliquez sur chaque élément de l'aperçu pour le modifier. Personnalisez le design de votre pop-up à l’aide du panneau des paramètres. Développez les accordéons suivants pour en savoir plus sur les éléments du pop-up que vous pouvez personnaliser. 

    🔳 Arrière-plan
    forms_bg-overlay_EN-US.png Cliquez sur l'arrière-plan dans l'aperçu pour le personnaliser. Vous pouvez choisir une couleur et une opacité pour l'arrière-plan afin de faire ressortir votre fenêtre pop-up.
    💬 Fenêtre pop-up (présentation, image, style)
    popups_popup-window_en-us.png

    Cliquez sur Fenêtre pop-up dans l'aperçu pour personnaliser son design :

    • Position et taille : définissez la position et la taille du pop-up.
    • Mise en page : ajustez l’espacement, les marges, la distance par rapport au bord de la page et l’orientation.
    • Image : activez Afficher l’image pour afficher une image dans votre pop-up. Cliquez sur Sélectionner une image pour en importer une, ou sur Générer pour en créer une avec l’IA.
    • Style : personnalisez la couleur d’arrière-plan, les bordures, les coins arrondis et l’ombre.
    • Animation : choisissez comment le pop-up apparaît et disparaît.
    • Fermeture automatique : activez la fermeture automatique du pop-up.
    💡 Bon à savoir
    La section Image vous permet d’ajouter une seule image sur le pop-up uniquement. Pour ajouter plus d’images ou les placer ailleurs, utilisez le bloc Image à la place. Notez que cette image n’est pas cliquable, contrairement au bloc Image.
    ✖️ Bouton Fermer
    forms_close-button_EN-US.png Cliquez sur le bouton Fermer pour modifier la couleur de l'icône en forme de X, la couleur de remplissage, les bordures et l'ombre.

Affichage sur mobile

popups_mobile-view_en-us.png
 Vous pouvez afficher un aperçu de l'apparence de votre formulaire pop-up sur un appareil mobile en passant de l'affichage sur ordinateur au mode mobile en haut de l'éditeur. Notez que vous ne pouvez pas apporter de modifications en mode mobile.

Une fois que vous êtes satisfait de l'aspect de votre formulaire pop-up, cliquez sur Enregistrer et Quitter.

⚙️ Étape 3 : configurer votre campagne pop-up

Développer les accordéons suivants pour voir les options disponibles pour configurer votre formulaire pop-up.

Où doit apparaître le pop-up
  1. Sélectionnez la plateforme sur laquelle vous souhaitez que votre pop-up apparaisse. Pour configurer des sites web, consultez notre section dédiée dans cet article.
  2. Choisissez les pages sur lesquelles les visiteurs verront le pop-up sur votre site web :
    1. Afficher sur toutes les pages
      Votre formulaire pop-up peut apparaître sur toutes les pages de votre site web.
    2. Afficher sur ces pages uniquement
      Saisissez l'URL des pages sur lesquelles vous souhaitez que le pop-up apparaisse. Vous pouvez ajouter jusqu'à 20 URL.
    3. Afficher sur toutes les pages sauf celles-ci
      Entrez l'URL des pages sur lesquelles vous ne voulez pas que le pop-up apparaisse. Vous pouvez ajouter jusqu'à 20 URL.
  3. Cliquez sur Enregistrer.
Quand apparaît le pop-up
  1. Choisissez le moment où les visiteurs verront le pop-up sur votre site web.
    1. Lorsque la page/l'écran se charge
      Sélectionnez le délai en secondes.
    2. Lorsque l'utilisateur est sur le point de quitter la page
      Le formulaire pop-up apparaît lorsque l'utilisateur est sur le point de quitter la page : lorsqu'il essaie de fermer l'onglet de la page, qu'il entre une nouvelle URL ou qu'il éloigne sa souris de la page.
    3. Lorsqu’un événement se produit
      Le pop-up apparaît lorsqu’un événement personnalisé que vous avez défini est déclenché.
  2. Sélectionnez le nombre de visites avant que le pop-up n'apparaisse à un visiteur.
  3. Sélectionnez le nombre de fois qu'un visiteur peut voir le même formulaire pop-up.
  4. (Facultatif) Si un visiteur peut voir le même formulaire pop-up au moins deux fois, sélectionnez le délai avant qu'un visiteur ne voie à nouveau ce formulaire pop-up.
  5. Cliquez sur Enregistrer.

🚀 Étape 4 : activer votre formulaire pop-up

Vous pouvez maintenant activer votre pop-up :

  1. Vérifiez vos paramètres de pop-up.
  2. Cliquez sur Activer maintenant ou plus tard.
    popups_activate_en-us.png
  3. Dans le menu déroulant Activer le pop-up, sélectionnez :
    • Maintenant pour publier votre pop-up immédiatement, ou
    • À une heure précise pour sélectionner un jour et une heure d’activation.
  4. Dans la liste déroulante Désactiver le pop-up, sélectionnez :
    • Jamais pour garder votre pop-up actif, ou
    • À un moment précis pour sélectionner un jour et une heure de désactivation.
  5. Cliquez sur Activer maintenant ou Programmer le pop-up.

Une fois votre pop-up en ligne, vous pouvez suivre ses performances depuis la page Campagnes : vues, clics et taux de conversion.

popups_campaign-stats_en-us.png

⏭️ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 1 sur 1