Website Builders
How to add an AI chatbot to Webstudio
How to add your custom trained AI chatbot to your Webstudio website.
You want to embed your custom trained AI support agent in your Webstudio website page. Here’s how to add an AI support agent to Webstudio with AI Chatbot.
Add your AI support agent to your Webstudio website
Webstudio is an open-source, no-code visual web development platform that bridges the gap between design and code. It empowers users to build fast, responsive websites using a visual editor – while still offering full control over HTML, CSS, and JavaScript when needed.
In AI Chatbot
Select your chatbot from the dropdown menu at the top, click on the Install Agent section in the sidebar, then click on the Copy Code button to copy your code snippet.
In Webstudio
- Select your project on your dashboard and click on the Webstudio logo
- Click on Project Settings
- Select General
- Scroll down and insert your snippet under Custom Code. When done click on X to close the Project Settings dialogue
- Click on Publish to publish your changes to your live website
- Your AI support agent button will now be displayed on your website pages
- If you click on the button it will display the AI support agent dialogue
Your AI support agent is now added to your Webstudio website and your customers/visitors can start interacting with it!
Ready to automate your customer service with AI?
Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.