Comment ajouter un chat IA à n'importe quel site web, sans code
Vous n'avez pas besoin d'un développeur pour mettre un chat IA sur votre site web. Si vous pouvez coller une ligne de code dans les paramètres de votre site, vous pouvez le faire, et sinon, vous pouvez envoyer la ligne à quelqu'un qui le peut. OneType utilise une petite balise script. Une fois sur vos pages, tout le reste, de l'apparence aux réponses, se gère depuis votre tableau de bord OneType. Ce guide vous accompagne du début jusqu'à un chat qui fonctionne.
Étape 1 : créez votre chat et laissez-le lire votre site
Inscrivez-vous, créez votre chat et saisissez l'adresse de votre site web. Choisissez les pages dont il doit s'inspirer, comme les pages de services, de tarifs, de livraison, d'aide et de contact. Vous pouvez aussi ajouter des documents ou coller du texte pour les réponses qui ne figurent pas sur le site. Le chat répond avec des mots simples, uniquement à partir de ce que vous lui avez donné, et affiche une source numérotée à côté de chaque phrase. Les pages derrière une connexion ne peuvent pas être lues.
Étape 2 : choisissez un design parmi les modèles
Choisissez l'un des modèles de chat, comme une bulle de chat, une section hero, une zone FAQ ou un panneau latéral. Ajoutez votre logo comme avatar et définissez le nom que voient les visiteurs, le message d'accueil et quelques questions de départ. Les bonnes questions de départ sont celles auxquelles vous répondez le plus souvent. Utilisez le chat de test pour poser de vraies questions issues de votre boîte de réception, et corrigez toute réponse faible en améliorant la page ou en ajoutant une réponse enregistrée.
Étape 3 : copiez votre balise script
Dans le parcours de configuration, l'étape « Go live » demande le domaine de votre site web et montre ce qu'elle va faire avant de le faire. Un clic rend alors votre agent actif et public, ajoute votre domaine à ses domaines autorisés et publie le widget si rien n'est encore en ligne. Une fois en ligne, OneType affiche votre balise script prête à copier. Elle se place juste avant la balise body fermante. Le même extrait se trouve dans l'onglet « Add to your website » de votre agent quand vous en avez besoin.
Étape 4 : collez-la là où votre site accepte du code personnalisé
La même ligne fonctionne partout où vous pouvez ajouter du code personnalisé. L'endroit où la coller dépend de votre site :
- HTML : dans vos pages ou votre mise en page commune, avant la balise body fermante.
- WordPress : dans un plugin d'en-tête et de pied de page, ou dans le pied de page de votre thème.
- Webflow : comme élément intégré dans le code personnalisé du site.
- Shopify : dans le fichier de mise en page de votre thème.
- Next.js et React : dans votre layout racine ou votre modèle HTML.
- Divhunt : dans un élément Embed.
Il n'existe ni plugin ni application pour des outils de création précis : les guides sont des instructions de collage. Si ce n'est pas vous qui modifiez le site, un lien ouvre un e-mail avec l'extrait et les instructions, prêt à être envoyé à votre développeur.
Étape 5 : testez et mettez en ligne
Ouvrez votre site publié dans un nouvel onglet, pas dans l'aperçu de l'éditeur. Un bouton de chat apparaît dans le coin de la page. Pendant l'installation, OneType surveille votre site : dès qu'une page charge le chat, l'étape « Go live » affiche « Live on » suivi de l'adresse de votre site, par exemple « Live on shop.example.com », et vous n'avez même pas besoin d'ouvrir le chat. Si rien n'apparaît au bout de dix minutes, vérifiez que la ligne figure sur la page publiée, que l'adresse est un domaine autorisé, qu'aucun bloqueur de publicités ni aucune politique de sécurité ne bloque le widget et que vous avez rechargé la page. Posez ensuite une question à laquelle vos pages répondent et une autre à laquelle elles ne répondent pas, et vérifiez que le chat dit quand il ne sait pas.
Ajoutez le chat en quelques minutes
Voir les étapes d'installation : ajouter un chat à n'importe quel site, ou commencer gratuitement.