Widget de site web
Le widget OneTwoAgent permet aux clients de vous écrire directement depuis votre site sur desktop et mobile, avec toutes les conversations dans votre boîte Conversations.
Widget de chat web avec IACapture de leads depuis le chat webMise en place de chat web sans codeMessagerie client sur votre site web
Ce que couvre cet article
- Comment personnaliser le design et le comportement du widget.
- Comment installer le widget sur votre site web.
- Comment appliquer des réglages de sécurité comme les domaines autorisés et les pages exclues.
1. Ouvrir les réglages du Widget
Allez dans Channels -> Widget. Si le widget n’est pas encore activé, activez-le d’abord.
- Aperçu du widget.
- Réglages de personnalisation.
- Code d’installation.
2. Personnaliser le design du widget
Vous pouvez faire correspondre le widget à presque n’importe quel style de site web.
- Couleurs du widget : couleur du bouton, arrière-plan, couleurs du texte et couleur d’accent.
- Typographie : famille de police ou presets de style, ainsi que la taille de police quand elle est disponible.
- Icône et éléments de marque : icône du launcher, nom du business dans l’en-tête et sous-titre ou courte salutation en option.
- Position et mise en page : en bas à droite ou en bas à gauche, espacement par rapport aux bords de l’écran et comportement mobile.
- Comportement : ouverture automatique ou au clic, visibilité de la salutation, toutes les pages ou pages sélectionnées.
Notes
- Gardez le widget minimaliste : couleurs simples, titre clair et courte salutation.
3. Installer le widget sur votre site web
Installation standard (recommandée).
- 1Copiez le script du widget depuis Channels -> Widget -> Install code
- 2Ajoutez-le à votre site pour qu’il se charge sur chaque page.
- 3Meilleur emplacement : dans <head>, avant </head>.
- 4Si <head> n’est pas disponible, placez-le avant </body> (cela fonctionne, mais peut charger un peu plus lentement).
Notes
- Après installation et publication, le widget doit apparaître sur votre site en production.
4. Installer sur les plateformes courantes
- Shopify : Online Store>Themes>Edit code -> layout/theme.liquid -> collez avant </head> -> Save
- Wix Option A : Settings -> Custom Code -> Add New Tool -> collez le code -> Load on all pages -> placez-le dans Head -> Save et publiez.
- Wix Option B : ajoutez le script via la zone globale de scripts/plugins du site et vérifiez qu’il se charge sur toutes les pages.
- Webflow : Project Settings>Custom Code>collez dans Head Code -> Save et publiez.
- WordPress : utilisez un plugin de scripts header (section Header) ou collez-le dans header.php avant </head>.
- Sites codés sur mesure : placez le script dans le template HTML global à l’intérieur de <head> ou avant </body>.
Ou envoyez ceci à votre développeur
6. Réglages de sécurité et de contrôle
Réglages recommandés pour un comportement plus sûr et plus propre.
- Domaines autorisés : évitez que le code du widget soit réutilisé sur des sites non liés.
- Exemples de domaines : yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
- Pages exclues : masquez le widget là où il n’est pas pertinent.
- Exclusions courantes : checkout, confirmation de commande, compte/login, confidentialité et pages techniques.
- Exemples de chemins : /checkout, /account, /thank-you.
Notes
- Commencez simplement : activez le widget partout puis excluez seulement les pages que vous ne voulez vraiment pas.
7. Comment fonctionnent les chats widget dans OneTwoAgent
- Quand un client envoie un message via le widget, une nouvelle conversation apparaît dans Conversations.
- Vous pouvez toujours répondre manuellement.
- Si Auto Sales est activé, l’assistant peut répondre automatiquement en utilisant votre configuration et votre catalogue.
Dépannage
- Le widget ne s’affiche pas : confirmez que le script est sur le site en production (pas seulement en prévisualisation), publiez les changements et vérifiez les domaines autorisés si cette option est activée.
- Le widget apparaît seulement sur certaines pages : vérifiez les règles de pages exclues et confirmez que le script est installé globalement.
- Les messages n’arrivent pas : vérifiez qu’il s’agit du bon compte business OneTwoAgent et que le widget est activé dans Channels -> Widget.
Guides associés
Poursuivez avec les prochaines étapes de configuration autour des canaux, des réservations, du planning ou de l’automatisation.
Questions fréquentes
Puis-je installer le widget sans intégration personnalisée complète ?
Oui. La configuration normale consiste en un seul script de widget sur votre site, plus les réglages de design et de comportement dans le tableau de bord.
Le widget fonctionne-t-il sur mobile aussi bien que sur desktop ?
Oui. Le widget est conçu pour les visiteurs desktop et mobile, avec les conversations dans la même boîte de réception.