Creating an AI bot for your Website

You might see in the bottom left corner of the smallgai website there is a friendly bot. I created it as an example but actually its quite useful too. The bot is built using Chatbase which is a really easy to use site that helps you create a chat bot and populate with useful data that might be relevant to your customers. for example if you have customer support scripts, FAQs, or just want to create a mini guru with access to specific online information its really an easy 30 minute job.

This tutorial will guide you through the process of creating a website chatbot using Chatbase.co. This guide is designed for beginners, so don’t worry if you’re new to chatbots or web development.

Other chatbots are available – I have no affiliation with chatbase!

Step 1: Sign Up for Chatbase

1. Open your web browser and go to https://www.chatbase.co.
2. Click on the “Sign Up” or “Try for Free” button.
3. Fill in your details (email, password) to create an account.

Step 2: Create a New Chatbot

1. After logging in, you’ll see your dashboard.
2. Look for a button that says “Create New Chatbot” or “+” and click on it.
3. Give your chatbot a name and select a template if prompted.

Step 3: Train Your Chatbot

1. In your new chatbot’s interface, find the “Training” or “Knowledge Base” section.
2. You have two options for training:
   a. Upload documents (PDFs, Word docs, etc.) that contain information you want your chatbot to know.
   b. Manually input questions and answers.
3. For manual input:

• Click “Add New Q&A” or a similar button.
• Type a potential user question in the “Question” field.
• Provide the answer you want your chatbot to give in the “Answer” field.
• Repeat this process for various questions and answers.

Step 4: Customize Your Chatbot

1. Look for a “Settings” or “Customize” section.
2. Here you can typically modify:

• Chatbot name
• Welcome message
• Chat interface colors
• Avatar (if available)

1. Make changes to suit your website’s style and purpose.

Step 5: Test Your Chatbot

1. Find a “Preview” or “Test” button in your chatbot’s interface.
2. This will open a chat window simulating how your chatbot will appear on your website.
3. Ask various questions to ensure your chatbot is responding correctly.
4. Make note of any improvements needed and adjust your training accordingly.

[Screenshot 5: Test chat interface with example conversation]

Step 6: Get the Embed Code

1. Once you’re satisfied with your chatbot, look for an “Embed” or “Install” section.
2. You should see a snippet of HTML code that looks something like this:

<script src="https://www.chatbase.co/embed.min.js" chatbotId="YOUR_CHATBOT_ID" domain="YOUR_DOMAIN"></script>

3. Copy this code.

Step 7: Add the Chatbot to Your Website

1. Open your website’s HTML file or content management system (CMS).
2. Paste the embed code you copied just before the closing </body> tag.
3. If you’re using a CMS like WordPress, you might need to use a plugin that allows you to add custom HTML to your site.

Step 8: Publish and Test

1. Save your changes and publish your updated website.
2. Visit your website and look for the chatbot icon (usually in the bottom right corner).
3. Click on it and test your chatbot to ensure it’s working correctly on your live site.

Congratulations! You’ve successfully created and added a chatbot to your website using Chatbase.co. Remember to regularly update your chatbot’s knowledge base to keep it current and helpful for your visitors.