Learn how to create your own AI-powered chatbot in just 5 minutes. This comprehensive guide walks you through the entire process from signup to deployment, making chatbot creation accessible for everyone.
How to Create an AI Chatbot in 5 Minutes: Complete Step-by-Step Guide
Creating an AI chatbot is easier than you think! In just 5 minutes, you can have your own intelligent assistant ready to help your website visitors. This simple guide will walk you through every step.
Why Create an AI Chatbot?
Chatbots help you:
- Answer questions 24/7 - Even when you're not available
- Save time - Handle common questions automatically
- Improve customer experience - Provide instant help
- Increase engagement - Keep visitors on your site longer
What You Need
- A Google account (that's it!)
- About 5 minutes of your time
- No coding required
Step 1: Sign Up with Google
Getting started is super simple:
- Visit the chatbot platform website
- Click "Sign Up with Google" button
- Choose your Google account
- Allow permissions when prompted
That's it! You're now logged in and ready to create your chatbot.
Step 2: Create Your Chatbot
Once you're logged in, creating a chatbot takes just a few clicks:
- Click the "Create Chatbot" button (usually big and prominent on the dashboard)
- Fill in the chatbot details:
- Name: Give your chatbot a name (e.g., "Customer Support Bot" or "Sales Assistant")
- Prompt: Write instructions for your chatbot. For example:
You are a friendly and helpful assistant. Answer customer questions clearly and politely. If you don't know something, say so honestly.
- Description (optional): Add a brief description of what your chatbot will do
- Click "Create" button
Your chatbot is now created! But it's not active yet.
Step 3: Activate Your Chatbot
Before your chatbot can work, you need to activate it:
- Find your chatbot in the chatbots list
- Look for the "Activate" button or toggle switch
- Click to activate your chatbot
- Confirm when prompted
Your chatbot is now active and ready to use!
Step 4: Choose or Create a Theme
Now let's make your chatbot look good:
Go to "Chatbot Themes" section (usually in the sidebar or main menu)
You have two options:
Option A: Use a Prebuilt Theme
- Browse the available themes
- Click on a theme to preview it
- Themes include: Classic, Vibrant, Minimal, Ocean, Sunset, Forest, Midnight, Coral, Amber, Neon, and more
- Click "Use This Theme" when you find one you like
Option B: Create a Custom Theme
- Click "Create Custom Theme" button
- Choose your colors to match your brand
- Customize the appearance
- Click "Save Theme"
Step 5: Select Your Chatbot and Get the Code
Almost done! Now get the code to add to your website:
- In the Chatbot Themes section, find your chatbot in the list
- Select your chatbot (click on it or use a dropdown)
- You'll see the widget code - it looks like this:
<script src="https://chatbot.binarybuddies.in/widget.js"
data-chatbot-id="14"
data-api-key="API-KEY-WHICH-YOU-DIRECT-GET-WHEN-YOU-COPY-THE-CODE"
data-theme="classic-dark"
data-position="bottom-right"
data-button-color="#3b82f6"
data-button-text="Chat"
data-button-size="medium"
data-button-shape="pill"
data-button-icon="chat"
data-button-text-visible="true"
data-button-shadow="medium"
data-button-animation="pulse"
data-button-hover-scale="true"
data-widget-url="https://chatbot.binarybuddies.in"></script>
- Click "Copy Code" button - The code is now copied to your clipboard!
Step 6: Add to Your Website
This is the final step - add the code to your website:
- Open your website's code (HTML file, WordPress theme, React component, etc.)
- Find the </body> tag (usually near the end of the file)
- Paste the code just before the </body> tag
- Save the file
- Visit your website - You should see the chatbot button!
That's it! Your chatbot is now live on your website.
![Add code to website - Simple paste before closing body tag]
Where to Add the Code
The code should go just before the closing </body> tag:
For HTML websites:
<body>
<!-- Your website content here -->
<!-- Paste chatbot code here -->
<script src="https://chatbot.binarybuddies.in/widget.js"
data-chatbot-id="14"
data-api-key="API-KEY-WHICH-YOU-DIRECT-GET-WHEN-YOU-COPY-THE-CODE"
data-theme="classic-dark"
data-position="bottom-right"
data-button-color="#3b82f6"
data-button-text="Chat"
data-button-size="medium"
data-button-shape="pill"
data-button-icon="chat"
data-button-text-visible="true"
data-button-shadow="medium"
data-button-animation="pulse"
data-button-hover-scale="true"
data-widget-url="https://chatbot.binarybuddies.in"></script>
</body>
For WordPress:
- Go to Appearance → Theme Editor → footer.php
- Paste before </body> tag
For React:
- Add to App.js or layout component
- See our React integration guide for details
For Shopify:
- Go to Online Store → Themes → Edit code
- Open theme.liquid and paste before </body>
Testing Your Chatbot
After adding the code:
- Visit your website in a web browser
- Look for the chatbot button (usually bottom-right corner)
- Click the button to open the chat
- Send a test message like "Hello"
- Check if you get a response
If it works, congratulations! Your chatbot is live.
Quick Troubleshooting
Chatbot not appearing?
- Make sure you activated the chatbot
- Check that code is before </body> tag
- Clear your browser cache
- Verify the code was copied completely
Chatbot not responding?
- Check that chatbot is activated
- Verify API key is correct
- Wait a minute and try again
That's It!
You've successfully created and deployed your AI chatbot! The whole process takes about 5 minutes:
- ✅ Sign up with Google
- ✅ Create chatbot (add name and prompt)
- ✅ Activate chatbot
- ✅ Choose theme
- ✅ Copy widget code
- ✅ Paste on your website
Your chatbot is now helping your visitors 24/7!
Next Steps
Now that your chatbot is live:
- Test it regularly to make sure it's working
- Monitor conversations to see what people are asking
- Improve the prompt based on how it performs
- Try different themes to see what looks best
Need More Help?
Check out our other guides:
- How to add chatbot to React websites
- How to add chatbot to Shopify
- How to add chatbot to WordPress
- How to customize chatbot themes
- Troubleshooting common issues
Share this article