Créer un chatbot pour son site sans coder : tutoriel pas à pas 2026

Votre site reçoit des visiteurs, mais combien repartent sans laisser la moindre trace ? Un chatbot site web tuto sans code, c'est exactement ce dont vous avez besoin pour transformer ce silence en conversations, et ces conversations en contacts qualifiés. Ce guide vous montre la chaîne complète, de l'outil au CRM, pour moins de 100 euros par mois.

En bref

• Un chatbot no-code se configure en quelques heures avec Typebot ou Voiceflow, sans toucher à une ligne de code.
• L'intégration sur votre site (WordPress, Webflow, site custom) prend moins de 15 minutes avec un simple script.
• Les leads captés sont envoyés automatiquement vers votre CRM via des connecteurs natifs ou Make.
• Le budget total de la stack complète reste sous les 100 euros/mois pour une TPE ou PME.

Pourquoi vos visiteurs partent sans vous contacter

Vous avez investi dans un site. Du trafic arrive, les pages se chargent, le formulaire de contact est bien là. Et pourtant, le téléphone ne sonne pas.

Le problème est simple : un formulaire statique demande un effort. Il faut remplir des champs, attendre une réponse, ne pas savoir si le message est bien arrivé. La plupart des visiteurs abandonnent à cette étape.

Un chatbot change la dynamique. Il engage la conversation au bon moment, pose les bonnes questions et capte les coordonnées avant que le visiteur ne referme l'onglet. Pour une boutique rennaise, un artisan breton ou un cabinet de conseil en région, c'est souvent la différence entre 2 et 10 leads par semaine.

Choisir son outil : Typebot ou Voiceflow

Le comparatif rapide

Ces deux outils dominent le marché no-code des chatbots en 2026. Ils ont des philosophies différentes.

Notre recommandation pour débuter

Pour une TPE ou PME qui veut un premier chatbot opérationnel rapidement, Typebot est le meilleur point d'entrée. L'interface en blocs visuels est intuitive, la connexion avec votre site prend 5 minutes et les intégrations CRM sont documentées.

Si vous envisagez un assistant conversationnel plus avancé, proche d'un vrai agent IA capable de raisonner et d'agir, Voiceflow prendra davantage de sens.

Tutoriel pas à pas : créer votre chatbot site web sans code

�?tape 1 : créer votre flow dans Typebot

1. Ouvrez un compte sur typebot.io (le plan gratuit suffit pour tester).
2. Cliquez sur "Create a typebot" et partez d'un template "Lead Generation".
3. Définissez les blocs dans l'ordre suivant :

• Message d'accueil (ex : "Bonjour, on peut vous aider ?")
• Question sur le besoin (champ texte ou boutons de choix)
• Collecte du prénom
• Collecte de l'email ou du téléphone
• Message de confirmation et prochaine étape

1. Ajoutez un bloc "IA" si vous voulez des réponses dynamiques : connectez votre clé API OpenAI ou Claude dans les paramètres.

�?tape 2 : intégrer le chatbot sur votre site

Typebot génère un snippet Javascript à coller avant la balise </body> de votre site. Selon votre CMS :

• WordPress : collez le code dans "Apparence > Thème > �?diteur" ou via une extension comme "Insert Headers and Footers".
• Webflow : collez dans "Paramètres du site > Code personnalisé > Pied de page".
• Site HTML custom : collez directement dans le fichier index.html.

Le chatbot apparaît alors sous forme de bulle en bas à droite. Vous choisissez quand il se déclenche : à l'ouverture de la page, après 30 secondes, ou à l'intention de quitter (exit intent).

�?tape 3 : concevoir des scénarios de conversation efficaces

Un bon scénario de chatbot suit une logique simple : qualifier avant de collecter.

�?vitez de demander l'email en premier message. Les visiteurs fuient. Commencez par une question sur le besoin, puis une sur le contexte, puis seulement la collecte des coordonnées.

Exemple de scénario pour un prestataire de services :

1. "Vous cherchez plutôt à gagner du temps ou à trouver de nouveaux clients ?"
2. "Vous êtes plutôt TPE (moins de 10 salariés) ou PME ?"
3. "Parfait. Donnez-moi votre email, on vous envoie une étude de cas qui correspond exactement à votre situation."

Ce type de flow augmente le taux de complétion de 40 à 60% par rapport à un formulaire classique. Si vous souhaitez aller plus loin sur la qualité des questions posées, les techniques de prompt engineering s'appliquent directement à la rédaction des blocs de votre chatbot.

Connecter le chatbot à votre CRM

C'est là que la magie opère vraiment. Un lead capté qui reste dans Typebot sans aller nulle part ne vaut rien. Il faut automatiser l'envoi vers votre outil de suivi.

Les connexions les plus courantes

• HubSpot : Typebot propose un bloc natif "HubSpot" qui crée un contact directement, sans intermédiaire. Si vous êtes déjà sur HubSpot, la capture et qualification de leads via chatbot est documentée en détail sur le blog.
• Notion ou Google Sheets : idéal si vous n'avez pas encore de CRM. Typebot envoie les réponses dans une ligne de tableur à chaque complétion.
• Make (ex-Integromat) : la solution la plus flexible. Vous créez un scénario qui reçoit le webhook Typebot et redistribue les données vers n'importe quel outil (Pipedrive, Airtable, Brevo, etc.).

Exemple de workflow Make

1. Déclencheur : Webhook reçu depuis Typebot
2. Action 1 : Créer un contact dans votre CRM
3. Action 2 : Envoyer un email de confirmation au lead
4. Action 3 : Notifier votre équipe commerciale sur Slack ou par SMS

Ce workflow complet se monte en moins d'une heure avec Make. Pour les automatisations plus complexes, le comparatif Make vs n8n vs Zapier vous aidera à choisir le bon outil selon votre contexte.

Le coût réel de la stack complète

Beaucoup de dirigeants imaginent que mettre en place un chatbot IA coûte plusieurs milliers d'euros. La réalité en 2026 est bien différente.

Si vous utilisez déjà un CRM ou que vous optez pour Google Sheets, vous descendez sous les 50 euros/mois. Pour approfondir la question des coûts cachés liés à l'IA en entreprise, notre article sur ce que coûte vraiment l'IA en entreprise liste les postes souvent oubliés.

Les erreurs à éviter dès le départ

• Trop de questions d'un coup : un chatbot qui ressemble à un formulaire long est aussi décourageant qu'un formulaire. Limitez à 3 ou 4 échanges avant la collecte.
• Pas de message de relance : si le visiteur quitte à mi-parcours, prévoyez un email ou une relance automatique si vous avez déjà récupéré son email en premier.
• Ignorer le mobile : plus de 60% des visites se font sur smartphone. Testez votre chatbot sur mobile avant de le publier.
• Oublier la mention RGPD : ajoutez une case à cocher ou une mention légale dans le flow pour la collecte de données personnelles. Notre guide sur No Code et conformité RGPD couvre ce point en détail.

Conclusion

Mettre en place un chatbot no-code sur son site n'est plus réservé aux entreprises avec un service IT. En une journée de travail, vous pouvez avoir une chaîne complète opérationnelle : de la conversation avec le visiteur jusqu'à la fiche contact dans votre CRM, pour moins de 80 euros par mois.

La vraie question n'est pas "est-ce que c'est possible ?" mais "pourquoi attendre encore ?"

Vous êtes basés en Bretagne et vous voulez être accompagnés pour configurer votre premier chatbot, connecter vos outils et éviter les erreurs de départ ? L'équipe Audiaa, agence IA et No Code à Rennes, peut vous aider à démarrer en une semaine. Prenez contact avec nous sur audiaa.fr pour un premier échange sans engagement.