How to Install Chatbot Builder AI on Your Web flow Site (2025)
Updated: July 2, 2025
Summary
The video demonstrates how to set up a CVB chatbot in Webflow through direct page embed using an iframe code. It guides users on customizing the chatbot appearance, setting welcome messages, and managing message history display. The process includes pasting the chatbot code from CVB account settings and configuring layout settings like height and padding. Additionally, the video covers setting up selected domains for chatbot access and finalizing the setup by publishing changes and testing the chatbot functionality in Webflow.
Setting up CVB Chatbot in Webflow (Direct Page Embed)
In this chapter, the speaker demonstrates how to set up CVB chatbot in Webflow using a direct page embed method. The process involves copying an iframe code, pasting it into the Webflow editor, and customizing the chatbot appearance.
Adding Chatbot Code in Webflow Editor
This section guides users on adding the chatbot code in the Webflow editor by pasting the iframe code from CVB account settings. It includes steps to configure the chatbot layout and message history display.
Setting Welcome Message and Message History
Here, the speaker shows how to set the welcome message and message history for the chatbot in Webflow. It involves copying the message link from the CVB account and pasting it in the Webflow editor to customize the chatbot interactions.
Customizing Chatbot Appearance and Behavior
In this part, the speaker explains how to customize the chatbot appearance, including height and padding adjustments. Additionally, the process of setting up selected domains for chatbot access is covered in this chapter.
Setting Up Web Chat in Webflow
This chapter focuses on setting up web chat in Webflow using authorization and custom code. It includes steps to paste the chat code, authorize the website, and configure the chat widget settings.
Completing the Setup and Testing
The final chapter shows the completion of the setup process by publishing the changes in Webflow and testing the chatbot functionality. It concludes with a demonstration of the chatbot interactions and default reply settings.
FAQ
Q: What is the process involved in setting up a CVB chatbot in Webflow using a direct page embed method?
A: The process involves copying an iframe code, pasting it into the Webflow editor, and customizing the chatbot appearance.
Q: How can users add the chatbot code in the Webflow editor?
A: Users can add the chatbot code by pasting the iframe code from the CVB account settings in the Webflow editor.
Q: What steps are included in configuring the chatbot layout and message history display?
A: Steps to configure the chatbot layout and message history display involve setting up the welcome message and message history for the chatbot in Webflow.
Q: What is the purpose of customizing the chatbot interactions in Webflow?
A: Customizing the chatbot interactions in Webflow allows for setting the welcome message and message history for the chatbot by pasting the message link from the CVB account.
Q: What aspects of the chatbot appearance can be customized in Webflow?
A: In Webflow, the chatbot appearance can be customized by adjusting the height, padding, and other visual aspects.
Q: What is the significance of setting up selected domains for chatbot access?
A: Setting up selected domains for chatbot access helps control where the chatbot can be used and accessed.
Q: What steps are involved in setting up web chat in Webflow using authorization and custom code?
A: The steps involve pasting the chat code, authorizing the website, and configuring the chat widget settings.
Q: How can the setup process for the chatbot in Webflow be completed?
A: The setup process in Webflow can be completed by publishing the changes and testing the chatbot functionality.
Get your own AI Agent Today
Thousands of businesses worldwide are using Chaindesk Generative
AI platform.
Don't get left behind - start building your
own custom AI chatbot now!