Comment installer le widget de chat Papo sur un site HTML statique

Pour installer le widget de chat Papo (https://papo.global/) sur un site HTML statique, copiez le snippet généré dans le panneau et collez-le directement dans le code source, avant la balise </body>, sur toutes les pages où le service doit apparaître. La personnalisation des couleurs et du message de bienvenue se fait entièrement dans le panneau, sans modifier le HTML.

Comment installer le widget sur un site HTML statique

1. Créez la boîte de réception de type Site
   Dans le panneau Papo, allez dans Paramètres → Boîtes de réception, cliquez sur Ajouter une boîte et sélectionnez Site. Indiquez un nom (ex. : « Chat du site ») et l'URL du site (elle n'interfère pas dans le fonctionnement, elle aide simplement à identifier le canal). Aucun plugin n'est nécessaire ; le processus est le même pour tout site qui sert des fichiers HTML.

2. Copiez le snippet généré
   Après avoir créé la boîte, le panneau affiche un code JavaScript exclusif. Copiez tout le bloc <script>...</script>.

3. Collez le snippet dans le HTML
   Ouvrez le fichier HTML de la page (par exemple, index.html) et insérez le code immédiatement avant la balise </body>. Faites-le sur chaque page où vous souhaitez afficher le chat. Si le site utilise un fichier de footer ou d'en-tête commun (via include ou PHP), ajouter le snippet dans ce fichier unique active déjà le widget sur tout le site.

   Exemple de positionnement dans le code :

   <body>
     <!-- contenu de la page -->
     <script src="https://app.papo.global/..."></script>
   </body>
   

   Aucune connaissance de back-end n'est requise ; le widget s'exécute dans le navigateur du visiteur.

4. Associez des agents à la boîte
   Retournez dans le panneau, dans la même boîte de réception, et ajoutez au moins un agent. Sans agent associé, la boîte reste sans opérateur et le widget peut ne pas s'afficher. Si vous n'avez qu'un seul agent, l'association est automatique ; en équipe, sélectionnez les membres responsables.

Personnalisation des couleurs et du message de bienvenue

Après avoir collé le snippet, vous pouvez personnaliser l'apparence du widget sans modifier le code :

• Couleur principale : Dans le panneau, dans les paramètres de la boîte, choisissez la couleur qui correspond à l'identité visuelle du site. Le changement se reflète immédiatement.
• Message de bienvenue : Activez le message d'accueil proactif et écrivez un texte qui apparaîtra automatiquement après quelques secondes. Exemples efficaces : « Bonjour ! Comment pouvons-nous vous aider ? » ou « Besoin d'aide avec votre commande ? ».

Ces options sont disponibles au même endroit où vous avez créé la boîte. Toute modification est appliquée au widget sans avoir à copier un nouveau snippet.

Comment tester la capture de leads

1. Ouvrez le site dans une fenêtre de navigation privée (pour éviter le cache) et vérifiez que l'icône de chat apparaît dans le coin de l'écran.
2. Cliquez sur l'icône et envoyez un message de test (par exemple, « Je veux plus d'informations »).
3. Dans le panneau Papo, accédez à la boîte de réception du site et confirmez que la conversation apparaît. Le contact sera automatiquement enregistré dans le CRM, et vous pourrez répondre depuis le panneau.

Si le message n'arrive pas, vérifiez que le snippet est bien avant </body>, que la boîte de réception est active et qu'au moins un agent est associé. Les bloqueurs de scripts peuvent empêcher le chargement ; testez également sans extensions actives.

À qui s'adresse ce guide

• Sites HTML statiques sans CMS (WordPress, Shopify) qui ont besoin d'un chat professionnel.
• Landing pages et portfolios où un contact rapide augmente la conversion.
• Développeurs qui testent le widget avant de l'intégrer à des plateformes plus grandes.
• Petites entreprises qui maintiennent un site simple et souhaitent capturer des leads sans installer de systèmes complexes.

Questions fréquentes

Ai-je besoin d'un serveur back-end pour utiliser le widget ?

Non. Le widget est basé sur JavaScript exécuté dans le navigateur. Il suffit de coller le snippet dans le HTML et le chat fonctionne.

Le snippet doit-il être copié sur toutes les pages ?

Oui, sur chaque page où le chat doit apparaître. Si votre site utilise un fichier de pied de page commun, placer le snippet là une seule fois active le widget sur tout le site.

Puis-je personnaliser les couleurs après l'installation ?

Oui, les changements de couleur et de texte du message de bienvenue se font dans le panneau Papo et apparaissent automatiquement dans le widget, sans que vous ayez besoin de modifier le code.

Que faire si le widget n'apparaît pas sur le site ?

Vérifiez que le snippet est inséré avant </body>, que la boîte de réception est active et avec des agents associés, et qu'il n'y a pas de bloqueurs de scripts dans le navigateur. Vider le cache du site aide également.

Dois-je recréer le snippet pour chaque site différent ?

Oui. Chaque boîte de réception génère un script exclusif. Si vous avez plusieurs domaines (ex. site institutionnel et landing page séparée), créez une boîte pour chacun et utilisez le snippet correspondant.

Le widget affecte-t-il les performances du site ?

Le chargement est asynchrone et ne bloque pas le rendu de la page. Le fichier du widget est léger et chargé uniquement lorsque nécessaire.

À lire aussi

• Comment personnaliser l'apparence du widget de chat (couleurs, logo et message)

Commencez gratuitement →

Le premier utilisateur est gratuit pour toujours — vous pouvez installer le widget Papo sur votre site statique en quelques minutes, sans carte de crédit, et commencer à capturer des leads immédiatement.