Pour installer le widget de chat Papo (https://papo.global/) sur WordPress, Wix, Shopify et d'autres constructeurs de sites, créez une boîte de réception de type Site dans le tableau de bord Papo, copiez le snippet de code généré et collez-le à l'endroit approprié de votre plateforme — que ce soit via un plugin d'en-tête/pied de page, la section de code personnalisé ou en modifiant le thème. La personnalisation des couleurs, de l'icône et du message de bienvenue se fait entièrement dans le tableau de bord, sans toucher au code.
| Plateforme | Méthode d'insertion | Où coller le snippet |
|---|---|---|
| WordPress | Plugin d'en-tête/pied de page (ex. : Insert Headers and Footers) ou édition du footer.php |
Collez le code dans la section pied de page du plugin ou juste avant la balise </body> dans le fichier du thème |
| Wix | Code personnalisé (Velo) ou champ HTML/JavaScript | Allez dans Paramètres → Code personnalisé et collez dans le champ « Code du corps – fin » |
| Shopify | Modifier le thème (theme.liquid) ou section de code personnalisé | Insérez le snippet avant </body> dans le fichier theme.liquid ou dans un bloc HTML personnalisé |
| Autres constructeurs (Squarespace, Webflow, etc.) | Champ de code intégré ou injection HTML | Repérez l'option « code personnalisé » ou « HTML intégré » et collez le snippet avant la fermeture du corps de la page |
Comment installer le widget sur n'importe quelle plateforme
-
Créez la boîte de réception de type Site
Dans le tableau de bord Papo, allez dans Paramètres → Boîtes de réception → Ajouter une boîte et choisissez Site. Donnez-lui un nom (ex. : « Chat du site ») et indiquez l'URL du site — elle sert uniquement à l'identification et n'affecte pas le fonctionnement. -
Copiez le snippet généré
Après avoir créé la boîte, le tableau de bord affiche un code JavaScript unique. Copiez tout le bloc<script>...</script>. -
Insérez le snippet dans votre plateforme
La méthode exacte varie selon le constructeur :- WordPress : Installez un plugin comme « Insert Headers and Footers », collez le code dans la section pied de page et enregistrez. Si vous préférez modifier le thème, ouvrez le fichier
footer.phpet collez le snippet juste avant la balise</body>. - Wix : Dans l'éditeur, allez dans Paramètres → Code personnalisé. Cliquez sur Ajouter du code et collez le snippet dans le champ « Code du corps – fin ». Enregistrez et publiez le site.
- Shopify : Dans le panneau d'administration, allez dans Boutique en ligne → Thèmes → … → Modifier le code. Repérez le fichier
theme.liquidet collez le snippet avant la balise</body>. Enregistrez les modifications. - Autres constructeurs : Cherchez l'option « code personnalisé », « HTML intégré » ou « injection de code ». Collez le snippet à l'endroit indiqué pour la fin du corps de la page.
Dans tous les cas, le snippet doit être inséré sur toutes les pages où le chat doit apparaître. Si la plateforme propose un champ de code global (comme le pied de page de WordPress ou le code personnalisé de Wix), le widget sera chargé automatiquement sur tout le site.
- WordPress : Installez un plugin comme « Insert Headers and Footers », collez le code dans la section pied de page et enregistrez. Si vous préférez modifier le thème, ouvrez le fichier
-
Associez des agents à la boîte
Retournez dans le tableau de bord Papo et, dans la même boîte de réception, ajoutez au moins un agent. Sans agent associé, les conversations ne sont pas transmises et le widget peut ne pas se charger. -
Personnalisez l'apparence (facultatif)
Toujours dans le tableau de bord, vous pouvez ajuster la couleur principale, changer l'icône du chat et rédiger un message de bienvenue proactif. Les modifications sont appliquées instantanément, sans besoin de copier un nouveau snippet. -
Testez le widget
Accédez au site dans une fenêtre de navigation privée (pour éviter le cache) et vérifiez que l'icône du chat apparaît. Envoyez un message de test et confirmez qu'il arrive bien dans la boîte de réception Papo.
À qui cela s'adresse
- Boutiques en ligne sous WooCommerce, Shopify ou Wix qui souhaitent répondre aux clients en temps réel et recueillir les questions sur les produits.
- Blogs et sites institutionnels sous WordPress ou d'autres constructeurs qui veulent transformer les visiteurs en leads.
- Agences et freelances qui gèrent les sites de leurs clients et ont besoin d'un chat professionnel intégré à un CRM et à WhatsApp.
- Petites entreprises qui utilisent des constructeurs visuels et ne veulent pas s'encombrer de code complexe.
Questions fréquentes
Faut-il savoir programmer pour installer le widget ?
Non. Sur des plateformes comme WordPress, Wix et Shopify, le processus se résume à copier un code et à le coller dans un champ spécifique, sans exiger de connaissances techniques avancées.
Le snippet doit-il être ajouté sur toutes les pages ?
Si la plateforme propose un champ de code global (comme le pied de page de WordPress ou le code personnalisé de Wix), le widget apparaît automatiquement sur tout le site. Sinon, répétez l'insertion sur les pages où le chat est nécessaire.
Le chat fonctionne-t-il sur les appareils mobiles ?
Oui, le widget Papo est responsive et s'adapte automatiquement aux smartphones et tablettes, sans configuration supplémentaire.
Puis-je utiliser le même snippet sur plusieurs sites ?
Non. Chaque boîte de réception génère un snippet exclusif. Pour des sites différents, créez des boîtes de réception distinctes dans le tableau de bord Papo et utilisez le snippet correspondant.
Que faire si le widget n'apparaît pas après l'installation ?
Vérifiez que le snippet est bien positionné avant </body>, que la boîte de réception est active et qu'au moins un agent y est associé. Videz le cache du site et testez en navigation privée. Les conflits avec des plugins d'optimisation peuvent aussi bloquer le script — désactivez-les temporairement pour isoler la cause.
Est-il possible de personnaliser les couleurs et le message après l'installation ?
Oui. Toutes les options de personnalisation (couleur principale, icône, message de bienvenue) sont disponibles dans les paramètres de la boîte de réception, dans le tableau de bord Papo. Les changements prennent effet immédiatement, sans modifier le code du site.
À lire aussi
- Comment installer le widget de chat Papo sur un site HTML statique
- Comment personnaliser l'apparence du widget de chat (couleurs, logo et message)
Commencez gratuitement sur Papo Global →
Créez votre compte gratuit et installez le widget de chat sur votre site en quelques minutes, sans coût initial.