Create your first chatbot
![](https://resolveai.co/wp-content/uploads/2024/01/blog_img4-1024x576.jpg)
1. Welcome!
Let’s create your first document.
What is document?
Think of it as a knowledge base for your chatbot. Every time your visitors ask questions chatbot will look through documents and try to find the most suitable answer. If it doesn’t exist chatbot will try its best to reply in the most appropriate manner.
2. Click on Documents
![](https://resolveai.co/wp-content/uploads/2023/01/public-1.jpg)
3. Click on New document
![](https://resolveai.co/wp-content/uploads/2023/01/public-2.jpg)
4. Click on title.
Add document title it is a required field.
![](https://resolveai.co/wp-content/uploads/2023/01/public-3.jpg)
5. Add document content
This is where all important stuff should go.
Keep in mind everything that goes into documentation is available to chatbot, meaning you should not put any private or sensitive information in there.
The mode descriptive documentation is, the more likely chatbot will give an accurate response to the client.
Document is limited to 10000 characters ~ roughly 2500 words ~ 5 pages.
Since we provide unlimited documentation feel free to create any number of documents you want. The more, the better.
![](https://resolveai.co/wp-content/uploads/2023/01/public-4.jpg)
6. Fill document with text
![](https://resolveai.co/wp-content/uploads/2023/01/public-5.jpg)
7. Let's rename document to "About us"
![](https://resolveai.co/wp-content/uploads/2023/01/public-6.jpg)
8. Click on Save
![](https://resolveai.co/wp-content/uploads/2023/01/public-7.jpg)
9. If you go back to documents you can see your saved document
![](https://resolveai.co/wp-content/uploads/2023/01/public-8.jpg)
10. Now let's create chatbot. Click on 'Chatbots'
![](https://resolveai.co/wp-content/uploads/2023/01/public-9.jpg)
11. Click on New chatbot
![](https://resolveai.co/wp-content/uploads/2023/01/public-10.jpg)
12. Select Chat icon color
Customize your Chat icon to match your website color scheme
![](https://resolveai.co/wp-content/uploads/2023/01/public-11.jpg)
13. Welcome message
Customize your Welcome message.
When customer open chatbot those are initial messages that they will see.
This is a very good first step to engage with your customer and ask questions or provide some useful information right away.
![](https://resolveai.co/wp-content/uploads/2023/01/public-12.jpg)
14. Adding Welcome message
Message can be formatted with markdown and don’t hesitate using emojis!
![](https://resolveai.co/wp-content/uploads/2023/01/public-13.jpg)
15. Preview Welcome message
Once complete you can see a preview of your Welcome Message
![](https://resolveai.co/wp-content/uploads/2023/01/public-14.jpg)
16. Select documents for chatbot
Next you need to select documents for chatbot to gain context from.
![](https://resolveai.co/wp-content/uploads/2023/01/public-15.jpg)
17. Pick at least one
![](https://resolveai.co/wp-content/uploads/2023/01/public-16.jpg)
18. Click on Learning document: About us…
![](https://resolveai.co/wp-content/uploads/2023/01/public-17.jpg)
19. Don't forget to name your Chatbot
![](https://resolveai.co/wp-content/uploads/2023/01/public-18.jpg)
20. Click on Save
![](https://resolveai.co/wp-content/uploads/2023/01/public-19.jpg)
21. See Integrate section at the bottom
![](https://resolveai.co/wp-content/uploads/2023/01/public-20.jpg)
22. Click on Copy to clipboard
23. Copy text
![](https://resolveai.co/wp-content/uploads/2023/01/public-21.jpg)
In this example we will be integrating with Wix.com website.
25. Click on Add Elements
![](https://resolveai.co/wp-content/uploads/2023/01/public-22.jpg)
26. Click on Popular Embeds
![](https://resolveai.co/wp-content/uploads/2023/01/public-23.jpg)
27. Click on Embed HTML…
![](https://resolveai.co/wp-content/uploads/2023/01/public-24.jpg)
28. Paste your Chatbot Integration snippet
![](https://resolveai.co/wp-content/uploads/2023/01/public-25.jpg)
29. Click on Save
30. You should see Chat widget appear
![](https://resolveai.co/wp-content/uploads/2023/01/public-26.jpg)
31. Right click on Widget
![](https://resolveai.co/wp-content/uploads/2023/01/public-27.jpg)
32. Check "Show on All Pages"
That way widget will be available on every page.
![](https://resolveai.co/wp-content/uploads/2023/01/public-28.jpg)
33. Click on Pin to Screen
![](https://resolveai.co/wp-content/uploads/2023/01/public-29.jpg)
34. Click on bottom right corner
![](https://resolveai.co/wp-content/uploads/2023/01/public-30.jpg)
35. Click on Publish
![](https://resolveai.co/wp-content/uploads/2023/01/public-31.jpg)
36. And Voilà! Your chatbot is ready!
![](https://resolveai.co/wp-content/uploads/2023/01/public-32.jpg)