Ce que vous allez créer dans ce guide
À la fin de ce guide, vous aurez un chatbot IA fonctionnel, personnalisé à votre image, intégré sur votre site web et capable de répondre aux questions de vos visiteurs 24h/24. Aucune ligne de code à écrire, aucun développeur nécessaire. Comptez environ 45 à 60 minutes pour votre première configuration complète.
Étape 1 : Créer votre compte Mira AI
Rendez-vous sur miraai.fr et cliquez sur « Démarrer gratuitement ». L'inscription ne demande qu'un email et un mot de passe. Le plan Starter est totalement gratuit et vous donne accès à 50 crédits par mois — largement suffisant pour tester et valider votre configuration.
Aucune carte bancaire requise pour commencer. Vous pouvez passer à un plan payant à tout moment si vous souhaitez accéder aux fonctionnalités avancées comme la base de connaissances RAG.
Étape 2 : Configurer l'identité de votre chatbot
Une fois connecté à votre tableau de bord, créez un nouveau chatbot. La première étape consiste à définir l'identité de votre assistant virtuel : donnez-lui un prénom (par exemple « Léa » ou « Support Mira »), téléchargez votre logo, et rédigez un message de bienvenue qui reflète votre marque.
- 1.Cliquez sur « Nouveau chatbot » dans votre tableau de bord
- 2.Saisissez le nom du bot (visible par vos utilisateurs)
- 3.Uploadez votre logo ou photo d'avatar
- 4.Rédigez votre message de bienvenue (ex : « Bonjour ! Je suis l'assistant de [Votre marque]. Comment puis-je vous aider ? »)
- 5.Choisissez la langue principale : français ou anglais
Étape 3 : Choisir et personnaliser votre template de design
Mira AI propose 6 templates de design prêts à l'emploi. Chaque template peut être personnalisé avec vos couleurs de marque pour une intégration parfaite à votre site.
| Template | Style | Idéal pour |
|---|---|---|
| Minimal White | Épuré, fond blanc | Sites corporate, cabinets, services B2B |
| Dark Mode | Fond sombre, texte clair | Agences créatives, tech, gaming |
| Corporate Gradient | Dégradé professionnel | Grandes marques, institutions |
| Glass Modern | Effet glassmorphism | SaaS, startups, design premium |
| Simple & Minimal | Ultra minimaliste | Blogs, portfolios, indépendants |
| Modern SaaS Premium | Design SaaS contemporain | Applications web, outils métier |
Personnaliser les couleurs
Après avoir sélectionné un template, vous pouvez ajuster la couleur principale du widget pour qu'elle corresponde à votre identité visuelle. Entrez simplement le code hexadécimal de votre couleur de marque dans le champ prévu.
Étape 4 : Configurer la base de connaissances
La base de connaissances est le cerveau de votre chatbot. C'est là que vous lui apprenez tout ce qu'il doit savoir sur votre activité. Disponible sur les plans Pro et Pro+, cette fonctionnalité RAG (Retrieval-Augmented Generation) permet d'alimenter le bot avec vos propres contenus.
- Importez vos documents de FAQ existants
- Collez vos textes de présentation produit
- Ajoutez vos conditions générales de vente
- Intégrez vos guides d'utilisation
- Enrichissez avec vos politiques de retour et livraison
Plus la base de connaissances est riche et précise, plus les réponses du chatbot seront pertinentes. Prenez le temps de structurer vos informations par thèmes pour faciliter la récupération contextuelle.
Étape 5 : Intégrer le chatbot sur votre site
Une fois votre chatbot configuré, rendez-vous dans la section « Intégration » de votre tableau de bord. Vous y trouverez un code HTML prêt à copier-coller. L'intégration est identique quelle que soit la plateforme que vous utilisez.
Instructions d'installation selon votre CMS
- 1.WordPress : collez le code dans Apparence > Thème > Éditeur > footer.php juste avant </body>, ou utilisez un plugin d'injection de code
- 2.Shopify : allez dans Boutique en ligne > Thèmes > Modifier le code > theme.liquid, collez avant </body>
- 3.Wix : utilisez Paramètres > Code personnalisé pour ajouter le script dans le footer
- 4.Webflow : dans Paramètres du projet > Code personnalisé > Avant la balise </body>
- 5.Squarespace : dans Paramètres > Avancé > Injection de code > Pied de page
- 6.HTML statique : collez le code directement dans votre fichier HTML avant la balise de fermeture </body>
Étape 6 : Tester et lancer
Avant de déployer sur votre site en production, utilisez la fonction de prévisualisation intégrée dans votre tableau de bord pour tester votre chatbot. Posez les questions les plus fréquentes que vos clients vous posent habituellement et vérifiez la qualité des réponses. Si une réponse est inexacte, enrichissez la base de connaissances et retestez.
Bonne pratique : demandez à 2-3 collègues ou amis de tester le chatbot avant le lancement officiel. Un regard extérieur détecte souvent des lacunes que le créateur ne voit plus.
Gratuit, sans code, en ligne en moins d'une heure
Créer mon chatbot maintenant