Les campagnes pop-up et de 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. Les messages sur le site web sont appelés pop-up, et les messages sur les applications mobiles (iOS et Android) sont appelés messages intégrés à l'application. Les deux types partagent exactement les mêmes étapes d'installation, de design et de configuration.

Utilisez les pop-up et les messages intégrés à l'application 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 d'opt-in pour recevoir des pop-up ou des messages intégrés à l'application ; ils s'adressent à tout le monde.

Bon à savoir

• Les pop-up et les messages intégrés à l'application 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 et les messages intégrés à l'application. Pour en savoir plus, consultez notre article dédié Configurer les notifications push web, les pop-up et les messages intégrés à l'application.
• Les campagnes pop-up et de messages intégrés à l'application 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 et les messages intégrés à l'application 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éez votre campagne pop-up ou de messages in-app

Pour créer votre campagne pop-up ou de messages intégrés à l'application :

1. Accédez à Marketing > Campagnes.
2. Cliquez sur Créer une campagne.
3. Choisissez pop-up.
4. Nommez votre campagne pour la trouver facilement dans la liste de vos campagnes pop-up et de messages intégrés à l'application. 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 à 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.
   
7. Cliquez sur Créer un pop-up.

🎨 Étape 2 : concevez votre pop-up ou votre message intégré à l'application

Vous pouvez désormais commencer à concevoir l'apparence de votre pop-up ou message intégré à l'application sur les appareils de bureau et mobiles.

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

Concevoir votre campagne pop-up ou de messages intégrés à l'application

Éditeur Drag & DropHTML/CSS

Pour commencer à concevoir votre campagne de pop-up ou de messages intégrés à l'application 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 ou message intégré à l'application.

   Développez les accordéons suivants pour en savoir plus sur les blocs disponibles afin de concevoir votre pop-up ou message intégré à l'application.

   ✏️ Texte

   

   Le bloc Texte vous permet d’inclure un texte descriptif dans votre pop-up ou message intégré à l'application. Vous pouvez ajouter une introduction engageante et fournir plus de contexte sur le but du pop-up ou du message intégré à l'application. 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

   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

   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 ou message intégré à l'application. Cliquez sur chaque élément de l'aperçu pour le modifier. Personnalisez le design de votre pop-up ou message intégré à l'application à l'aide du panneau des paramètres. Développez les accordéons suivants pour en savoir plus sur les éléments du pop-up ou du message intégré à l'application que vous pouvez personnaliser. 

   🔳 Arrière-plan

   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 la fenêtre de votre pop-up ou de votre message intégré à l'application.

   💬 Fenêtre pop-up (présentation, image, style)

   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 ou du message intégré à l'application. 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 ou votre message intégré à l'application. 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 ou le message intégré à l'application apparaît et disparaît. Fermeture automatique : activez la fermeture automatique du pop-up ou du message intégré à l'application. 💡 Bon à savoir La section Image vous permet d'ajouter une seule image sur le pop-up ou le message intégré à l'application 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

   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.

Pour commencer à concevoir votre campagne pop-up ou de messages intégrés à l'application avec l’éditeur HTML/CSS :

1. Cliquez sur Créer un design > Éditeur HTML/CSS.
2. Sélectionnez une mise en page :
   • Créer à partir de zéro : commencez avec un canevas vierge et concevez votre pop-up ou votre message intégré à l'application à partir de zéro.
   • Carrousel d’intégration: intégrez vos clients en plusieurs étapes pour communiquer votre valeur ajoutée et vos processus complexes.
3. Rédigez votre code HTML et CSS directement dans l’éditeur pour contrôler entièrement le design de votre pop-up ou message intégré à l'application.
4. Cliquez sur Enregistrer et quitter lorsque vous avez terminé.

Affichage sur mobile

Vous pouvez afficher un aperçu de l'apparence de votre pop-up ou de votre message intégré à l'application 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 modifier l'affichage en mode mobile.

Une fois que vous êtes satisfait de l'aspect de votre pop-up ou de votre message intégré à l'application, cliquez sur Enregistrer et quitter. 

Modifier et réinitialiser votre design

Depuis l'aperçu de votre campagne pop-up ou de messages intégrés à l'application, vous pouvez modifier le design avant d'activer votre campagne :

1. Cliquez sur Modifier à côté de Design pour apporter d’autres modifications.

2. Cliquez sur l’icône à trois points à côté de Modifier > Réinitialiser le design pour effacer votre design actuel et repartir de zéro. 
   

   ❗️ Important

   La réinitialisation de la conception est permanente et ne peut être annulée.

⚙️ Étape 3 : configurez votre campagne pop-up ou de messages intégrés à l'application

Développez les accordéons suivants pour voir les options disponibles pour configurer votre pop-up ou votre message intégré à l'application.

🚀 Étape 4 : activez votre pop-up ou message intégré à l'application

Vous pouvez désormais activer votre pop-up ou message intégré à l'application :

1. Vérifiez les paramètres de votre pop-up ou message intégré à l’application.
2. Cliquez sur Activer maintenant ou plus tard.
   
3. Dans le menu déroulant Activer le pop-up, sélectionnez :
   • Maintenant , pour publier immédiatement votre pop-up ou message intégré à l’application, 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 maintenir votre pop-up ou message intégré à l'application 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 ou votre message intégré à l'application en ligne, vous pouvez suivre ses performances depuis la page Campagnes : vues, clics et taux de conversion.

⏭️ Et après ?

• Configurez des notifications push web, des pop-up et des messages intégrés à l'application
• Créer un formulaire d'inscription pop-up dans Brevo

🤔 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.