Créer des campagnes de pop-ups Web

Une campagne web place le contenu web que vous avez créé sur votre site web et contrôle quand il apparaît et qui le voit. Une campagne affiche son contenu de l’une de deux façons : en Pop-up ou en bloc Inline.

Démarrer une nouvelle campagne

1. Allez dans Campagnes → Campagnes web.

2. Cliquez sur Créer une campagne et choisissez le type :

   • Pop-up : une superposition au-dessus de la page.
   • Inline : un bloc à l’intérieur d’un élément de votre page, par exemple dans une barre latérale ou sous un article.

   Vous ne pourrez pas changer le type par la suite.

   

Version du SDK Web pour les campagnes Inline

Demandez à votre développeur de vérifier la version du SDK Web sur votre site. Les campagnes Inline nécessitent la version 3.97.0 ou ultérieure, ou 3.98.0 ou ultérieure si le site utilise le paquet npm. Avec un SDK plus ancien, une campagne Inline apparaît sous forme de pop-up au-dessus de la page au lieu de s’afficher dans le bloc.

Sélectionner le contenu web

Choisissez le contenu que cette campagne affiche aux visiteurs. Vous pouvez choisir un contenu existant ou en créer un nouveau sans quitter l’assistant.

• Contenu existant : dans Contenu web, sélectionnez un élément dans la liste. Sous chaque nom, la liste indique son type : Contenu web pour un contenu standard ou Formulaire web pour un formulaire web.
• Nouveau contenu : cliquez sur Créer nouveau et choisissez Contenu web ou Formulaire web. L’éditeur s’ouvre pour ce type de contenu.

Pour modifier l’ordre du contenu dans la liste déroulante, utilisez le bouton de tri situé au-dessus et choisissez Dernière mise à jour, A-Z ou Z-A. La liste déroulante est triée A-Z tant que vous n’avez pas choisi un autre ordre. Pushwoosh mémorise votre choix et l’utilise dans chaque liste déroulante de contenu de pop-up Web, aussi bien dans les messages ponctuels que dans les journeys.

Collecter des e-mails et des réponses

Sélectionnez un formulaire web pour abonner les visiteurs aux e-mails et enregistrer leurs réponses dans des tags. Le même formulaire fonctionne dans les campagnes Pop-up et Inline. Découvrez comment en créer un.

Cliquez sur Suivant lorsque le bon contenu est sélectionné.

Définir l’audience

Sélectionnez qui doit voir la campagne.

• Tous les utilisateurs : afficher la campagne à tout le monde sans filtres.

• Audience cible : afficher la campagne uniquement aux utilisateurs qui correspondent à un segment ou à des conditions personnalisées. Deux sous-options apparaissent :
  • Utiliser un segment existant : choisissez un segment enregistré dans la liste. Pour en créer un sans quitter l’assistant, cliquez sur Créer un segment.
  • Utiliser des conditions personnalisées : construisez l’audience en ligne en ajoutant des filtres par Tag, Événement, Segment, ou ID utilisateur.

Lorsque vous avez terminé, cliquez sur Suivant.

Configurer les paramètres d’affichage

Configurez quand, à quelle fréquence et où afficher cette campagne.

Sélecteur CSS

Ce champ apparaît uniquement pour les campagnes Inline. Une campagne Inline apparaît à l’intérieur d’un bloc de votre page, et le sélecteur CSS indique à Pushwoosh de quel bloc il s’agit.

1. Dans Sélecteur CSS, saisissez le sélecteur de l’élément de la page dans lequel la campagne est placée, par exemple #newsletter-signup. Utilisez un seul sélecteur simple : une balise, un #id, une .class ou un [attribute], sans imbrication.

2. Sous le champ, Pushwoosh affiche l’élément à ajouter à votre page, par exemple <div id="newsletter-signup"></div>. Demandez à votre développeur de l’ajouter là où la campagne doit apparaître.

   

La campagne apparaît dans le premier élément de la page qui correspond au sélecteur. Si la page ne contient aucun élément correspondant, la campagne n’y est pas affichée.

Avec Automatiquement au chargement de la page, une campagne Inline apparaît chaque fois qu’une page contenant l’élément correspondant se charge.

Afficher le pop-up ou Afficher la campagne

Choisissez comment la campagne est affichée. Le champ s’appelle Afficher le pop-up dans une campagne Pop-up et Afficher la campagne dans une campagne Inline.

• Automatiquement au chargement de la page : la campagne apparaît d’elle-même sur les pages qui correspondent à ses paramètres.
• Uniquement via un appel WebSDK : la campagne n’apparaît pas d’elle-même. Votre site l’affiche en appelant le SDK Web. L’assistant affiche l’appel avec le code de la campagne, par exemple Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). Nécessite le SDK Web 3.63.0 ou ultérieur.

Avec Uniquement via un appel WebSDK, l’assistant masque Délai d’affichage et Afficher sur les pages, car un appel depuis votre site les ignore.

Délai d’affichage

Ce paramètre concerne les campagnes Pop-up affichées Automatiquement au chargement de la page. Choisissez quand le pop-up Web peut apparaître pour la première fois après le chargement de la page.

• Immédiatement
• Après 3 secondes
• Après 5 secondes
• Après 10 secondes

Mesure du délai

• Le délai est mesuré à partir du moment où le SDK Pushwoosh s’initialise sur la page, et non à partir du moment où la page commence à se charger.
• Le temps réel avant l’apparition du pop-up Web peut être légèrement plus long que la valeur que vous avez définie. Par exemple, si le SDK met 2 secondes à se charger et que vous définissez un délai de 5 secondes, le pop-up Web apparaît 7 secondes après le début du chargement de la page.

Fréquence

Ce paramètre concerne uniquement les campagnes Pop-up. Sous FRÉQUENCE, choisissez à quelle fréquence un visiteur peut voir ce pop-up Web :

• Une fois par visiteur : le visiteur voit le pop-up au maximum une fois dans ce navigateur, même dans un nouvel onglet.

Note

Pushwoosh ne peut reconnaître le même visiteur que tant que le navigateur conserve les données du SDK Web. Si le visiteur efface les données du navigateur, utilise un autre navigateur ou ouvre le site sur un autre appareil, Pushwoosh le traite comme un nouvel appareil, de sorte que le pop-up Web peut réapparaître.

• Une fois par session : le visiteur voit le pop-up une fois par session de navigation. S’il ferme un onglet et revient avant la fin de la session, le pop-up ne réapparaît pas.
• À chaque visite : le pop-up apparaît chaque fois que le visiteur charge une page correspondante.

Appareil

Dans Appareil, choisissez les appareils sur lesquels la campagne apparaît : Tous les appareils, Ordinateur de bureau ou Mobile.

Autorisation push

Dans Autorisation push, choisissez quels visiteurs voient la campagne, selon qu’ils ont autorisé ou non les notifications web push dans ce navigateur :

• Tous les visiteurs : tout le monde, quelle que soit son autorisation push. C’est la valeur par défaut.
• Pas encore sollicités : les visiteurs à qui le navigateur n’a pas encore demandé l’autorisation push. Utilisez cette option pour une invite qui les incite à s’abonner.
• Abonnés : les visiteurs qui ont autorisé les notifications push.
• Bloqués : les visiteurs qui ont bloqué les notifications push, par exemple pour expliquer comment les autoriser à nouveau dans le navigateur.
• Push non pris en charge : les visiteurs dont le navigateur ne peut pas recevoir de notifications web push. Utilisez cette option pour proposer un autre canal, comme un formulaire e-mail.

L’étape Révision affiche l’option choisie à côté de l’appareil, sous la forme Autorisation push : suivie du nom de l’option.

Le navigateur du visiteur vérifie l’autorisation au moment où la campagne est sur le point de s’afficher. Si le visiteur autorise ou bloque les notifications sur la page, les campagnes qui ne correspondent plus sont retirées, et une campagne qui commence à correspondre s’affiche au prochain chargement de la page.

Version du Web SDK pour l'autorisation push

Ce paramètre nécessite le WebSDK Pushwoosh 3.103.0 ou ultérieur. Si votre site charge les campagnes web avec un cœur WebSDK plus ancien, seules les campagnes définies sur Tous les visiteurs s’y affichent.

Afficher sur les pages

Choisissez les pages sur lesquelles la campagne peut apparaître. Ce paramètre est masqué avec Uniquement via un appel WebSDK.

Version du Web SDK pour les règles de pages

L’exclusion de pages et le type de correspondance Commence par ne prennent effet que sur les sites exécutant un WebSDK Pushwoosh à jour. Le WebSDK 3.104.1 et versions ultérieures tient compte de la casse des chemins, alors que les versions 3.102.0 à 3.104.0 l’ignorent. Avec les versions du WebSDK antérieures à 3.102.0, les chemins saisis ne correspondent pas non plus aux pages dont l’adresse contient des espaces ou des lettres hors de l’alphabet anglais, comme é ou ñ.

Toutes les pages

Afficher la campagne sur chaque page du site. Pour l’exclure de certaines pages, ajoutez jusqu’à 10 exclusions :

1. Cliquez sur + Ajouter une exclusion.
2. Saisissez le chemin de la page.
3. Choisissez comment le chemin doit correspondre : Correspondance exacte ou Commence par.

Pages spécifiées

Afficher la campagne uniquement sur les pages que vous listez. Vous pouvez ajouter jusqu’à 10 pages :

1. Cliquez sur + Ajouter une page. Pour supprimer une ligne, cliquez sur ×.
2. Saisissez le chemin de la page.
3. Choisissez comment le chemin doit correspondre : Correspondance exacte ou Commence par.

Cliquez sur Suivant pour continuer.

Saisir un chemin de page

Le chemin indique à Pushwoosh les pages couvertes par une règle. Les mêmes règles s’appliquent aux exclusions et aux pages spécifiées.

Que saisir

• Saisissez le chemin tel qu’il apparaît après votre domaine, par exemple /pricing ou /blog/intro.
• Le chemin peut contenir des lettres de n’importe quel alphabet, des chiffres, des espaces et les caractères - _ . ~ ! $ & ' ( ) * + , ; = : @ /.
• Les chemins sont sensibles à la casse : /Pricing et /pricing sont donc des pages différentes.

Chemins enregistrés du 27 octobre au 2 novembre 2026

Pushwoosh a enregistré en minuscules les chemins saisis pendant cette période. Avec le WebSDK 3.104.1 et versions ultérieures, une telle règle ne couvre plus les pages dont le chemin contient des majuscules, avec Correspondance exacte comme avec Commence par. Ouvrez la campagne et saisissez à nouveau le chemin avec la casse de votre site.

Coller une adresse complète

Vous pouvez aussi coller l’adresse complète depuis la barre d’adresse du navigateur ou un chemin encodé. Pushwoosh supprime le domaine, la chaîne de requête et le fragment, puis enregistre le chemin décodé, en conservant la casse. Par exemple :

Vous saisissez	Pushwoosh enregistre
https://example.com/Catalog/?sort=price	/Catalog/
/caf%C3%A9	/café

Types de correspondance

Le type de correspondance détermine les pages couvertes par le chemin :

Type de correspondance	Pages couvertes
Correspondance exacte	Uniquement la page dont le chemin est identique à ce que vous saisissez. /pricing ne couvre ni /pricing/ ni /Pricing.
Commence par	Toutes les pages dont le chemin commence par ce que vous saisissez, avec la même casse. /blog couvre /blog/intro mais aussi /blog-news : saisissez donc /blog/ pour ne couvrir que la section blog.

Réviser la campagne

L’écran Révision résume :

• Contenu : le contenu web joint. Voir Sélectionner le contenu web. Une campagne toujours liée à un ancien formulaire d’abonnement au lieu d’un contenu web affiche ici le nom de ce formulaire à la place.
• Audience : Tous les utilisateurs, ou Audience cible avec le nom du segment sélectionné ou les conditions personnalisées.
• Paramètres d’affichage : l’appareil, les pages sur lesquelles la campagne s’affiche (y compris le type de correspondance et les exclusions éventuelles), le délai et la fréquence.

Utilisez MODIFIER LES OPTIONS sur n’importe quel bloc pour revenir en arrière et modifier cette partie.

La zone Aperçu montre à quoi ressemble le contenu sur une fenêtre d’affichage d’exemple. Utilisez MODIFIER LE CONTENU si vous devez ajuster l’élément de contenu sous-jacent.

Lorsque tout semble correct, cliquez sur Terminer la configuration.

Choisissez ensuite une option dans le menu :

• Lancer la campagne… active la campagne une fois que vous avez saisi un nom de campagne et confirmé. Pour une campagne Inline, une boîte de dialogue Code d’intégration affiche ensuite l’élément à ajouter à votre page. Vous pouvez la rouvrir plus tard avec Obtenir le code d’intégration… dans le menu de la ligne de la campagne.

  

• Enregistrer comme brouillon… enregistre la campagne sans l’activer. Pour la mettre en ligne plus tard, allez dans Campagnes → Campagnes web, ouvrez le menu à trois points sur la ligne du brouillon et choisissez Activer la campagne…. Pour modifier d’abord les paramètres, choisissez Modifier la campagne… dans le même menu.

Pour rechercher, filtrer et gérer les campagnes depuis la liste, voir Voir et gérer les campagnes.