Comment configurer le widget de chat pour afficher des messages différents par page du site

Oui, vous pouvez configurer le widget de chat de Papo (https://papo.global/) pour afficher des messages d’accueil différents selon la page que visite le visiteur. Bien que le panneau permette de définir une salutation proactive par défaut, la personnalisation par page se fait avec un petit code JavaScript qui détecte l’URL et modifie le texte avant que le widget n’apparaisse.

Situation	Approche	Résultat
Message unique pour tout le site	Configurez la salutation proactive directement dans le panneau Papo.	Tous les visiteurs voient le même message après quelques secondes.
Messages différents par page	Ajoutez un script personnalisé qui lit l’URL et remplace le texte de la salutation.	Chaque page (ex. : tarifs, support, blog) affiche une approche contextuelle.
Intégration avec l’IA	Après l’interaction du visiteur, le Super Chat ou le Capitão prend le relais.	L’IA répond aux questions, qualifie les prospects et planifie des réunions automatiquement.

Comment fonctionne la personnalisation par page

Le widget Papo charge un message d’accueil défini dans le panneau (dans Paramètres → Boîtes de réception, dans la boîte de type Site). Ce message apparaît automatiquement après quelques secondes. Pour que chaque page du site affiche une salutation différente, vous avez besoin d’un script supplémentaire qui :

Identifie la page actuelle (par l’URL, le chemin ou le paramètre).
Remplace le texte de la salutation avant que le widget ne l’affiche.
Maintient le comportement proactif (ouverture automatique) inchangé.

Cela est utile lorsque le visiteur se trouve sur des pages avec des intentions distinctes — par exemple, une page de tarifs demande une approche commerciale, tandis qu’une page de support mérite une salutation plus technique.

Étapes de mise en œuvre

1. Configurez le message par défaut dans le panneau (facultatif)

Accédez à Paramètres → Boîtes de réception, sélectionnez la boîte de type Site et définissez une salutation proactive. Ce message servira de repli si le script ne trouve pas de correspondance pour la page actuelle.

2. Ajoutez le script de personnalisation au site

Insérez le code JavaScript ci-dessous sur toutes les pages où le widget est installé, juste après le snippet Papo (avant </body>). L’exemple utilise un mappage simple entre les chemins d’URL et les messages :

<script>
  // Attend le chargement du widget pour modifier le message
  window.addEventListener('load', function() {
    // Mappage : chemin de l’URL → message souhaité
    var messages = {
      '/tarifs': 'Besoin d’aide pour choisir la formule idéale ?',
      '/support': 'Besoin d’aide pour résoudre un problème ?',
      '/blog': 'Vous avez aimé l’article ? Nous pouvons en parler !',
      '/contact': 'Parlez directement à notre équipe.'
    };

    var path = window.location.pathname;
    var nouveauMessage = messages[path];

    if (nouveauMessage) {
      // Localise l’élément qui contient la salutation (ajustez le sélecteur si nécessaire)
      var salutation = document.querySelector('.papo-widget__greeting-text');
      if (salutation) {
        salutation.textContent = nouveauMessage;
      }
    }
  });
</script>

Important : Le sélecteur .papo-widget__greeting-text est illustratif. Pour identifier l’élément correct, inspectez le widget dans le navigateur et ajustez le sélecteur selon la structure réelle affichée.

3. Testez la personnalisation

Accédez à chaque page mappée dans une fenêtre de navigation privée (pour éviter le cache).
Attendez le délai configuré pour l’ouverture automatique et vérifiez que le message affiché correspond à celui défini dans le script.
Si la salutation ne change pas, vérifiez que le sélecteur est correct et que le script s’exécute après le chargement complet du widget.

4. Étendez à d’autres logiques

Vous pouvez adapter le script pour utiliser des paramètres d’URL, des classes dans le <body> ou toute autre condition. Exemple avec le paramètre ?intent=achat :

var params = new URLSearchParams(window.location.search);
if (params.get('intent') === 'achat') {
  salutation.textContent = 'Puis-je vous aider à finaliser l’achat ?';
}

Pour qui cette configuration est utile

E-commerces qui souhaitent aborder le visiteur différemment sur la page produit, le panier ou la page de paiement.
SaaS et entreprises B2B avec des pages de formules, de cas clients et de support, chacune exigeant un ton distinct.
Agences et prestataires de services qui veulent une salutation personnalisée sur les landing pages de campagnes.
Équipes marketing qui testent différents messages par page pour augmenter le taux d’ouverture de conversation.

Questions fréquentes

Dois-je modifier le snippet original du widget pour cela ?

Non. Le snippet Papo reste le même. Vous ajoutez simplement un script supplémentaire qui manipule le texte de la salutation après le chargement du widget.

Cette personnalisation fonctionne-t-elle sur n’importe quelle plateforme (WordPress, Wix, site statique) ?

Oui. Tant que vous pouvez insérer du JavaScript personnalisé sur le site, la méthode fonctionne sur n’importe quel CMS ou site HTML.

Que se passe-t-il si le visiteur accède à une page qui n’est pas dans le mappage ?

Dans ce cas, le widget affichera le message par défaut configuré dans le panneau Papo. Si aucun message par défaut n’a été défini, le widget peut s’ouvrir sans texte ou avec un repli générique.

Puis-je utiliser cette technique pour masquer le widget sur certaines pages ?

Oui. Avec JavaScript, vous pouvez masquer complètement le widget sur des pages spécifiques en ajoutant une condition qui modifie le style display du conteneur du widget en none.

La personnalisation affecte-t-elle le fonctionnement de l’IA (Super Chat/Capitão) ?

Non. La modification est uniquement cosmétique. Après l’interaction du visiteur, l’IA prend le relais normalement, en utilisant le prompt et les règles configurés dans le panneau.

Est-il possible de personnaliser aussi les couleurs du widget par page ?

Oui, avec JavaScript, vous pouvez modifier dynamiquement des variables CSS ou des classes du widget pour refléter différentes couleurs par page, même si cela demande une connaissance plus avancée de la manipulation du DOM.