Créez votre propre agent IA sur votre site web

Une fois le chatbot en place

Étendez l'IA sur tout votre site

Le chatbot n'est que la première brique. Voici ce qu'on déploie ensuite pour multiplier les conversions :

• Vente : devis auto, scoring leads, recommandations « clients similaires… »
• BTP : configurateur projet, galerie réalisations en langage naturel, RDV qualifiant
• Recherche : sémantique (« quelque chose de chaud pour l'hiver »), filtres intelligents
• Support : FAQ dynamique, formulaire intelligent, lecture de vos PDF entreprise

Artisans & dirigeants TPE/PME

L'IA transforme votre site en commercial 24 h/24

Vous ne remplacez pas votre site : vous y ajoutez un vendeur qui ne dort jamais, connaît votre catalogue et ne part jamais chez le concurrent.

• Répond aux questions
• Qualifie le besoin avant de vous transférer un lead
• Propose RDV, devis ou comparatif produit/service
• S'appuie sur VOS documents, pas sur des réponses génériques

L'IA c'est maintenant. Demain, vos concurrents auront déjà leur agent : vous serez en retard sur les RDV et les devis.

Compte & accès Claude

Créez votre compte Claude

Claude est le moteur IA d'Anthropic. Vous en aurez besoin pour créer l'agent ET pour l'API qui alimentera le chatbot sur votre site.

1. Allez sur claude.aiOuvrez claude.ai dans votre navigateur. Cliquez sur « Sign up » (inscription).
2. Choisissez votre méthodeEmail professionnel recommandé (ex. contact@votre-entreprise.fr) ou connexion Google.
3. Validez votre emailCliquez le lien reçu dans votre boîte mail. Sans validation, vous ne pourrez pas créer de Project.
4. Testez une première questionTapez : « Bonjour, présente-toi. » Si Claude répond, votre compte est actif.

Pour les Projects (upload de PDF), un abonnement Claude Pro (~20 €/mois) est souvent nécessaire. L'API se facture à l'usage (quelques centimes par conversation).

Base de connaissance

Préparez les documents de votre entreprise

L'agent ne devine pas : il lit ce que vous lui donnez. Plus vos fichiers sont clairs, plus ses réponses seront précises et vendeuses.

1. Exportez en PDF ou .txtCatalogue produits, grille tarifaire, FAQ, conditions générales, fiches techniques.
2. Listez 20 vraies questions clientsRepérez ce qu'on vous demande au téléphone : délais, garanties, zones d'intervention, devis…
3. Rédigez une fiche « Entreprise »Nom, adresse, horaires, téléphone, email, zone géographique, spécialités, argumentaire en 10 lignes.
4. Définissez le tonEx. : « vouvoiement, chaleureux, direct, orienté prise de RDV ». Notez-le dans un fichier ton.txt.

• Minimum 3 fichiers prêts avant l'étape suivante
• Pas de scan illisible : texte sélectionnable de préférence

Project Claude

Créez un Project et importez vos fichiers

Le Project est l'espace où Claude accède à vos documents. C'est la « mémoire » de votre futur agent commercial.

1. Menu latéral → ProjectsSur claude.ai, cliquez « Projects » puis « Create project ».
2. Nommez le projetEx. : « Agent commercial - [Nom entreprise] ». Description : « Assistant site web clients ».
3. Upload des fichiersGlissez-déposez vos PDF/txt préparés à l'étape 2. Attendez la fin de l'indexation (icône verte).
4. Premier test documentaireDemandez : « Quels sont nos délais de livraison selon le catalogue ? » Claude doit citer VOS docs, pas inventer.

Si la réponse est floue, enrichissez vos PDF ou ajoutez une FAQ.txt avec les réponses exactes que vous voulez entendre.

Instructions système

Rédigez le System Prompt (copier-coller)

Dans le Project, ouvrez « Project instructions » ou « Custom instructions ». Collez et adaptez ce modèle :

Relisez le prompt à voix haute. Si un client posait la question « C'est garanti combien de temps ? », l'agent sait-il quoi répondre ?

Recette avant mise en ligne

Testez votre agent avec 5 scénarios réels

Ne passez pas à l'intégration site tant que ces tests ne sont pas validés dans le Project Claude.

1. Client curieux« Bonjour, vous faites quoi exactement ? » → Réponse claire + proposition d'aller plus loin.
2. Demande de prix« C'est combien pour [produit/service] ? » → Prix doc OU proposition de devis, jamais d'invention.
3. Comparatif« Quelle différence entre [A] et [B] ? » → Réponse structurée depuis vos fiches.
4. Prise de RDV« Je voudrais un rendez-vous » → Collecte prénom, tel, email, créneau souhaité.
5. Hors sujet / piège« Vous livrez sur Mars ? » → Refus poli + redirection vers votre zone ou contact humain.

• 5/5 scénarios OK → passez à l'étape 6
• Réponse inventée → corrigez le prompt ou ajoutez un document

Connexion site web

Obtenez votre clé API Anthropic

Pour afficher le chatbot sur votre site, il faut un backend sécurisé qui appelle Claude. La clé API ne doit JAMAIS apparaître dans le code visible du navigateur.

1. Console AnthropicAllez sur console.anthropic.com → créez un compte (même email que claude.ai possible).
2. API Keys → Create KeyCopiez la clé (sk-ant-…). Stockez-la dans un gestionnaire de mots de passe.
3. Crédit / facturationAjoutez un moyen de paiement. Budget conseillé pour démarrer : 10 à 20 €/mois selon le trafic.
4. Modèle recommandéUtilisez claude-sonnet pour un bon équilibre qualité/coût sur un chatbot commercial.

Ne mettez jamais la clé API dans un fichier JavaScript public. Toujours passer par un serveur (Vercel, Node, PHP…).

Backend sécurisé

Créez l'endpoint qui parle à Claude

Votre site envoie le message du visiteur à VOTRE serveur. Le serveur appelle Claude avec la clé API (secrète) et renvoie la réponse.

1. Créez un fichier APIEx. api/chat.js (Vercel) ou chat.php sur votre hébergement. Il reçoit { message, history } en POST.
2. Variable d'environnementANTHROPIC_API_KEY=votre_clé (dans Vercel → Settings → Environment Variables).
3. Appel ClaudeEnvoyez le system prompt + historique + message user à l'API Messages d'Anthropic.
4. Test Postman ou curlPOST /api/chat avec body JSON → vous devez recevoir une réponse texte cohérente.

Pas de développeur sous la main ? C'est exactement ce qu'on installe pour vous (slide « Chatbot offert »).

Intégration front-end

Ajoutez le widget chat sur votre site

Le widget est la bulle de chat visible par vos visiteurs. Il appelle votre endpoint /api/chat à chaque message.

1. Créez agent.js + agent.cssBulle en bas à droite, fenêtre de chat, envoi des messages en fetch() vers /api/chat.
2. Collez avant </body>Sur chaque page (ou via Google Tag Manager) :

1. PersonnalisezCouleurs = charte graphique. Texte d'accueil : « Bonjour, je suis l'assistant de [Entreprise]. Une question ? »
2. Mobile firstTestez sur smartphone : la fenêtre doit rester lisible et le clavier ne doit pas masquer le champ de saisie.

Go live

Checklist mise en ligne

Avant d'ouvrir le chatbot à tous vos visiteurs, validez chaque point. Un agent mal configuré fait plus de mal que de bien.

• Bannière cookies : le chatbot est activé après consentement (RGPD)
• Mention dans la politique de confidentialité (données conversation, durée de conservation)
• Test desktop + mobile sur 3 scénarios (prix, RDV, hors sujet)
• Notification email ou CRM quand un lead laisse ses coordonnées
• Limite de débit API (rate limit) pour éviter les abus
• Escalade humaine : numéro ou formulaire visible si l'IA ne suffit pas

Félicitations : si tout est coché, votre site a un commercial IA opérationnel 24 h/24.