Créer un chatbot IA sans écrire une ligne de code

Create an AI Chatbot Without Writing a Single Line of Code

Imagine having a 24/7 assistant on your website that can answer customer questions, qualify leads, and solve common problems—all without human intervention. That’s exactly what an AI chatbot can do, and you can create one without writing a single line of code.

In this comprehensive tutorial, we’ll build an AI chatbot step-by-step using two leading platforms: Botpress and Voiceflow. By the end, you’ll have a fully functional and deployed chatbot.

🎯 Why Create an AI Chatbot in 2025

AI Chatbots Are No Longer Gimmicks

Gone are the days of basic chatbots that respond with "I don’t understand" to every question. Thanks to language models like Claude and GPT-4, modern chatbots can:

• Understand natural language in all its nuances
• Leverage your data (documentation, FAQs, product catalogs)
• Maintain conversation context throughout a full dialogue
• Smartly escalate to a human when needed
• Learn and improve over time

The Numbers Speak for Themselves

🛠️ Botpress vs. Voiceflow: Which One to Choose?

Before diving into the tutorial, let’s pick the right tool.

Our recommendation:
- Botpress if you want a functional AI chatbot in 30 minutes
- Voiceflow if you want fine-grained control over every interaction

🤖 Botpress Tutorial: Your Chatbot in 30 Minutes

Step 1: Create Your Account and Bot

1. Go to botpress.com and create a free account
2. Click "Create Bot"
3. Name your bot (e.g., "MyCompany Assistant")
4. You’ll land on the Studio—the creation interface

Step 2: Configure the AI Personality

In the left panel, click "Agent" and configure:

System instructions (example):

You are the virtual assistant for MyCompany, specializing in [your industry].

Your role:
- Answer questions about our products and services
- Help visitors find what they’re looking for
- Qualify leads by asking the right questions
- Redirect to a human for complex issues

Your tone:
- Professional yet warm
- Use formal address ("vous" in French)
- Keep responses concise (2-3 sentences max)
- If you don’t know, admit it honestly

Key information:
- Hours: Monday–Friday, 9 AM–6 PM
- Support email: support@mycompany.com
- Phone: +1 234 567 890

Step 3: Add Your Knowledge Base

This is the key to a high-performing chatbot. The bot needs to know your business.

1. In the left panel, click "Knowledge Base"
2. Add your sources:

Possible sources:
- Website URL: Botpress automatically crawls your pages
- PDF documents: Brochures, terms and conditions, FAQs
- Plain text: Unpublished specific information
- CSV files: Product catalogs, pricing

Best practices for the Knowledge Base:
- Add your full FAQ page
- Include your terms of service
- Add product/service descriptions
- Include contact info and business hours
- Update regularly when content changes

Step 4: Create Conversation Flows

While AI handles most conversations, some flows deserve structure:

Welcome flow:

Bot: "Hello! 👋 I’m MyCompany’s assistant.
     How can I help you today?"

     [Quick reply buttons:]
     - "Explore our products"
     - "Question about an order"
     - "Speak to an advisor"
     - "Other question"

Lead qualification flow:

Bot: "Great! To better assist you, a few quick questions:"
Bot: "What’s your industry?"
→ Capture response

Bot: "How big is your team?"
→ Capture response
→ Buttons: "1-5", "6-20", "21-100", "100+"

Bot: "What’s your main need?"
→ Capture response

Bot: "Thanks! Here’s what I recommend: [AI-generated recommendation based on answers]"
Bot: "Would you like an advisor to contact you?"
→ If yes: capture email + time slot → notify team

Step 5: Test Your Chatbot

1. Click the "Test" button (bottom-right of Studio)
2. Test these scenarios:
3. Basic question from the FAQ
4. Complex question requiring the Knowledge Base
5. Off-topic question (bot should handle gracefully)
6. Request to speak to a human
7. Multi-turn conversation

Step 6: Deploy to Your Website

1. Click "Publish" to publish your bot
2. Go to "Integrations" → "Webchat"
3. Copy the integration code:

<!-- Add before </body> on your site -->
<script src="https://cdn.botpress.cloud/webchat/v2/inject.js"></script>
<script>
  window.botpress.init({
    botId: 'YOUR_BOT_ID',
    configuration: {
      botName: 'MyCompany Assistant',
      botAvatar: 'https://your-site.com/avatar.png',
      theme: {
        primaryColor: '#0066FF',
        fontFamily: 'Inter, sans-serif'
      },
      welcomeMessage: 'Hello! How can I help?'
    }
  })
</script>

If your site is hosted on Hostinger, add this code via the file manager or WordPress theme editor.

🎨 Voiceflow Tutorial: The Custom Chatbot

Step 1: Create Your Project

1. Sign up at voiceflow.com
2. Create a new "Chat Assistant" project
3. Name it and select the language (French)

Step 2: Design the Main Flow

Voiceflow uses a visual canvas—you literally draw the conversation.

Create the welcome flow:

1. "Speak" block: Welcome message
2. "Choice" block: Navigation buttons
3. "AI Response" block: AI reply for open-ended questions

Configure the AI Response block:

In the AI Response block, set:
- Model: Claude or GPT-4
- Temperature: 0.3 (for precise, consistent responses)
- System prompt: Personality instructions (similar to Botpress)
- Knowledge Base: Data sources

Step 3: Set Up the Knowledge Base

1. Go to the "Knowledge Base" tab (book icon)
2. Click "Add Data Source"
3. Available options:
4. URLs: Enter your site URLs → automatic crawl
5. Files: Upload PDF, DOCX, TXT
6. Sitemap: Sitemap URL to crawl the entire site
7. Text: Copy-paste information

Step 4: Add Advanced Features

Information capture:

Use the "Capture" block to collect data:
- Name, email, phone
- Request type
- Budget, preferences

Conditions and logic:

Use the "Condition" block to create branches:

If {user_type} = "existing customer"
  → Support flow
If {user_type} = "new lead"
  → Qualification flow
Else
  → General flow

External integrations:

Use the "API" block to connect services:
- Send emails via Mailgun/SendGrid
- Create tickets in Zendesk
- Add contacts to HubSpot
- Webhook to Make or n8n

Step 5: Customize Appearance

In Settings → Chat Widget:

Step 6: Test and Deploy

1. Preview: Test in the editor ("Run" button)
2. Share: Generate a test link for your team
3. Publish: Deploy to production
4. Embed: Copy the widget code for your site

🎭 Customize Your Chatbot’s Personality

Personality is what sets a good chatbot apart from a generic one.

Personality Elements

Effective Personality Template

IDENTITY
- Name: [First Name]
- Role: Virtual assistant for [Company]
- Expertise: [Industry]

COMMUNICATION STYLE
- Tone: Professional yet warm
- Register: Formal ("vous")
- Emojis: Use occasionally (👋, ✅, 💡)
- Length: Concise responses, 2-3 sentences max
- Language: French only

BEHAVIOR
- Always greet at first interaction
- Ask clarifying questions if needed
- Admit when unsure
- Offer to connect to a human for complex cases
- Never invent information

LIMITATIONS
- Avoid discussing: politics, religion, competitors
- Do not provide: legal, medical, or financial advice
- Redirect to human if: complaint, complex technical request

📊 Optimize Your Chatbot’s Performance

Key Metrics to Track

Continuous Improvement

Weeks 1-2: Launch
- Deploy a basic version
- Monitor conversations in real time
- Note poorly handled questions

Weeks 3-4: Optimization
- Enrich the Knowledge Base with frequent questions
- Adjust prompts based on feedback
- Add flows for recurring cases

Month 2+: Evolution
- Add integrations (CRM, ticketing)
- Create advanced qualification paths
- Test message variants (A/B testing)
- Analyze data for trends

🔗 Multi-Channel Deployment

A chatbot shouldn’t be limited to your website. Here’s how to deploy it everywhere.

Available Channels

WhatsApp Setup (High Demand)

For WhatsApp Business:
1. Create a Meta Business account
2. Set up the WhatsApp Business API
3. In Botpress/Voic