AI Chatbot v/s Rule-based Chatbot Explained with Example! How to Create Chatbots in 2024!
![AI Chatbot v/s Rule-based Chatbot Explained with Example! How to Create Chatbots in 2024!](/content/images/size/w1200/2024/03/Copy-of-No-code-school-Thumbnails--1--3.jpg)
We are looking to show you what chatbots are, the different types of chatbots, and which type of chatbot is the right fit for your website!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h17m57s947.png)
What is a chatbot? A chatbot is a conversational widget that simulates human chat!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h18m22s807.png)
We initially started with online messaging platforms, involving two human parties on both sides.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h18m38s168.png)
And that has evolved into chatbots as we see them today!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h18m57s892.png)
Do you still need chatbots in 2024? Absolutely! Almost every customer-facing website today has an in-built chatbot as part of its interface!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h19m17s605.png)
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h19m25s536.png)
What are the different types of chatbots? There are two main different types of chatbots!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h19m31s391.png)
They are rule-based and AI-powered chatbots.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h19m45s369.png)
Rule-based chatbots are also known as logic-based or flow-based chatbots and they follow a set of pre-defined rules.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h19m55s814.png)
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h20m26s656.png)
On the other hand, AI-based chatbots use artificial intelligence to answer user questions.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h20m48s701.png)
Which type of chatbot should you use? We're gonna go over examples of both types, right here!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h21m24s493.png)
This is collect.chat, a no-code tool that allows you to create rule-based chatbots for your website!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h21m33s463.png)
We log in and here is our dashboard.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h22m24s726.png)
Click on 'New Bot'.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h23m05s291.png)
Here, we can design our chatbot.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h24m14s200.png)
In the Script tab, we can see the pre-defined chatbot script, and make changes as well.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h24m52s081.png)
In the Share tab, we see the various sharing options available to us, including adding to website, WordPress and even emailing instructions to the developer!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h25m31s896.png)
Once you make all the changes you want, make sure to hit the 'Publish' button to commit your changes.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h25m45s008.png)
You can click the 'Preview' button to see a preview of your chatbot.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h26m30s367.png)
Another feature of collect.chat is the 'Email Notification', wherein you can add an email address to which responses to the chatbot will be sent.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h27m20s804.png)
In the settings, you can also change the type of the chatbot - either widget, chatbot page or embed.
That's how you create a rule-based chatbot with collect.chat!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h27m36s270.png)
Here we are on help.center, a no-code tool that allows you to create a quick help center for your website. These help centers feature AI search and an AI chatbot.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h28m16s366.png)
Here on the dashboard, we have the inbox.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h28m35s158.png)
And then we have the help center articles, which you can edit and add to.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h28m53s150.png)
In the settings, you can configure the look of the AI chatbot, by changing the icon and theme. You can also edit the widget links menu.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h29m24s843.png)
In the share menu, you have the option to share the URL of the AI chat or the knowledge base.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h29m45s182.png)
Or you can add the help.center widget or AI chat to your webpage by adding the corresponding code to your HTML code.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h30m28s636.png)
Here is how the AI chat of the help center looks.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h30m35s142.png)
Any question asked to the chatbot is checked with the help center knowledge base and an answer is generated.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h30m59s191.png)
One example of a website with an extensive knowledge base that utilizes a help.center help center is store.link!
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h31m07s048.png)
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h31m17s949.png)
On the dashboard of your store.link account is where you can find the help center, by clicking the question mark icon on the top right.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h31m30s463.png)
The AI chatbot is seen here answering a question about the website working.
![](https://www.nocode.school/content/images/2024/03/vlcsnap-2024-03-21-15h31m56s775.png)
We can also see all the other help articles in the store.link help center that the AI chatbot learns from!
So we have seen examples of both rule-based and AI chatbots. Based on this, the exact type of chatbot required for your business can be decided!
Watch the full video for a more detailed explanation!