How to Install Chatbot Builder AI on Your Web flow Site (2025)

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.

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.

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.

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.

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.

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.