How to add your chatbot to WebFlow website

Integrating a ChatLab chat module into your WebFlow site can enhance the user experience by offering a direct channel of communication between visitors and you or your customer service team. This tutorial outlines the sequential steps needed to insert a chat module code into your WebFlow platform.

It's advisable to incorporate the chat module into both the desktop and mobile iterations of your website for optimal visibility to your users.

Obtain the code

Here's a sequential guide for integrating your ChatLab chat module into your Webflow website:

• Obtain your ChatLab chat module embed code.
• Sign in to ChatLab.
• Select the chatbot you want to embed and click “Add to website”

• Choose between widget and iframe
• click “Copy to clipboard”

1. Ensure you have a premium Webflow subscription, as this unlocks the 'embed' feature.
2. Go to the specific Webflow page where you wish to place the widget.
3. From the Elements panel, drag the Embed element to your desired location on the page.
4. Double-click the Embed element, which opens the code editor. Insert the widget's code and hit Save.
5. To confirm the widget's placement and functionality, click the Preview button.

Congratulations! Your Webflow site now includes a chat widget, enabling visitors to contact you directly.