Integrate BotStar with Webflow

Before starting this section, we hope that you have the appropriate settings for publishing your bot. If you have never set up your bot to publish on website before, please read our instructive document at Integrate BotStar with Website.

How to publish your chatbot to Webflow

After setting for publishing your bot, please follow the instruction below to complete the integration between BotStar and Webflow:

Make sure your web address has been added to the Webview Domains. Once it has been added, remember to update your chatbot on BotStar App.

Add to Webview Domains

Bot displayed on all pages

1. In the Project Settings site, open Custom Code

Custom Code

2. Back to BotStar App and copy the code snippet:

Copy Snippet

3. Then insert the code snippet into the Header Code or Footer Code section:

Add script to **Webflow**

4. Click on Save Changes and review your result. Here is the result when you successfully integrate BotStar with Webflow:

Bot displayed on a specific page

1. On Webflow interface, click page:home on the top of the screen to open the Pages.

2. Choose the page you want to add bot to, open its settings.

3. Find Custom Code section, insert code snippet copied from BotStar App:

Add script to **Webflow**

4. Click on Save to finish and enjoy the result.

If you have any concerns, please feel free to leave a comment below or contact us through support@botstar.com. For more details on how we have helped our customers grow their business, you can view our use cases, blogs or join our BotStar community to learn and share new things 😊


Did you find it helpful?   Yes   No