How To Create A Chatbot For Your Website: A Step-By-Step Guide

Post by
Joann Klaas
    Published: 
April 20, 2021
How To Create A Chatbot For Your Website: A Step-By-Step Guide

If you do not know how to code but have interest in artificial intelligence and want to create an AI chatbot for your website then here are the steps for doing so. 

You will learn how to quickly use Conversational AI software that allows you to build and launch a bot on your website without coding. It takes 10 minutes and you will learn how to build the bot, how to add content, how to train the bot, test it and deploy on your website. 

In the end you have a solution you can share with colleagues, demonstrate in your next meeting what you have built and impress your supervisors.


1. Do this important thing before building your chatbot

I know you are excited to know how to create a chatbot for your website. But over the years we have learned that there is one thing that greatly matters in the success of your bot. Do this thing before creating a website chatbot and you will reap the benefits later.

Think of a clear success metric of your bot. Whatever the use case is for your bot, think how you would determine whether the bot was a success or not. For customer service bots the metric can be increase in self-service rates for customers. For a sales bot it can be revenue that the bot brings in each month.

For an informational bot it can be the number of customers served in a week. Or it can be customers’ satisfaction on a 0-10 scale to increase NPS. Whatever it is, pick something. What is that important? It is important because then your decision making in improving and building the bot will be better.

You will know how to optimize for a better introductory message, a better interface, what topics to add, how to train them, what call-to-actions to use etc. There are several website chatbot examples and chatbot software for websites. Below we will guide you through one use case which gives you solid knowledge on building a bot.


2. How to set up a chatbot

To create a chatbot go to https://alphachat.ai and click Sign-Up. Enter your email and choose a password. Go back to your inbox and click on the verification link. Now you have verified your account.

Sign-up for Conversational AI software.


After signing up you will first see the Floweditor. This is the heart of the no code machine learning tool where you can build the content of the chatbot. For the sake of simplicity we have built a demo chatbot for you already. 

The blue items are topics. Each topic is a “thing” that your no code AI knows. In the welcome action you will see the greeting. It is polite for your chatbot to say something nice to the person in the beginning. 

Floweditor - the tool you will use to build your bot.


3. How to add content

To add content to the bot, you need to add topics. Remember, a topic is a “thing” that a bot knows. Simply click the + sign on the top left.


Add new topic for the bot.


Next a pop-up will appear, where you can enter the name of your topic. For example, here we will add a topic called “My webinar”.


Give the topic a name.


Once that is done you will see that the “My webinar” topic appears in the column as a new topic under the Main folder. You can copy-past the topic into other folders if you wish. The folders are for organizing topics (much like you organize your files on your computer). The location in folders do not impact the accuracy in intent detection.

On the right you see the empty chat window. Click on “text”. This will allow you to add text answer to your topic.


Click "text" to write an answer for the topic.


In the text editor write any text that you want. Click “button” above the chat window and you can add a link either within the bot (link to other topics in the bot) or add a link to a custom URL. Like we have done in this case and added “My Webinar Link” as title and https://zoom… as the link.


Insert the answer and external link for more information.


One you click anywhere outside the chat window you will see your answer with text and link as follows. Simple. 


How you topic will look for the users.


4. How to train the chatbot

Now that we have a topic “My webinar”, we want the bot to be able to answer with this topic when users will come and ask about the next webinar. To do that, we need to train the topic. Click on the “Train” tab above the chat window. 


Click train to train the bot.


This opens up the training section for the topic. Here all you need to do is enter a few training phrases. Phrases are different ways of how people might ask about the “My webinar” topic.

We recommend adding at least 5 different phrases. With less than 5 phrases, the AI will have a bit too little training data. There is no upper limit on the number of training phrases you can add. 

However, keep in mind that the phrases need to be relevant to the topics. For example, no need to train the phrase “How much does your service cost” to the topic “My webinar”. For that phrase, just make a new topic called “Service cost” and train the phrase there.


Insert training phrases.


And now that you have your training phrases inserted click the “Train” button in the left side menu.


Go to the AI Train menu for training when phrases are inserted.


This opens up the Train menu. Here you see your “My webinar” topic with the phrases that you entered. All you have to do now is click “Train” on the top right and let the AI train itself. After a minute or so it will complete its job.


Click Train to let the AI teach itself.




5. How to test the chatbot

Once the training is complete head to the Floweditor section. On the bottom right is the chat icon. Click on that. This is where you can test the bot. It looks exactly like it would look on your website.


Test the trained bot by clicking in the bottom right.


Enter the phrase “When is the webinar” and the bot gives the answer that you wrote. 


Try the bot with trained phrases.


You do not have to write the exact training phrases. The AI is capable of working with misspellings and different wordings in providing the correct answer.


Try the bot with other phrases.


6. How to integrate the chatbot in a website

To integrate the chatbot to your website simply go to the Widget panel on the left and click Settings. Copy the code and paste it on the website you wish to deploy the bot. It can be copied to Wordpress, Wix, Hubspot and other website builders. 


Get the code to deploy the bot on your website.


7. Conclusion

There you have it! You now know how to make a chatbot for your website. You have now officially built a topic for your bot and trained it with AI and tested to see how it works. 

If you are looking for AI chatbots for your customer service, then feel free to sign-up for an account with alphachat.ai In just 5 minutes you can get your own natural language understanding AI chatbot that you can connect with your website.