Botpress home page
Search...
Ctrl K
Changelog
Dashboard
Dashboard
Search...
Navigation
Integrations
Webflow
Home
Learn
Integrations
Webchat
For Developers
API Reference
Community Discord
News & Resources
Get Started
Introduction to Webchat
Quick Start
Embed Webchat
Style your Webchat
Interact with Webchat
Open/close your Webchat
Send user data to your bot
Listen to events
Trigger actions on start
Send custom events
Integrations
WordPress
Wix
Webflow
React Library
Get started
Components
Hooks
On this page
Step 1: Get your embed code
From the Studio
From your Webchat settings
Step 2: Add to your Webflow website
Next steps
Integrations
Webflow
Add a bot to your Webflow website using Webchat.
You will need:
A
published bot
A Webflow website with a
plan that allows adding custom scripts
Step 1: Get your embed code
To embed a bot on your Webflow website, you need the bot’s Webchat embed code. You can get the embed code from either the
Studio
or your
Webchat settings
.
From the Studio
Select
Share
in the upper-right corner.
Select
Configure
, then copy the
script
tags:
From your Webchat settings
Open your bot’s Workspace. In the left navigation bar, find the bot you want to embed.
Select
Webchat
, then open the
Share
tab.
Copy the
Embed code
:
Step 2: Add to your Webflow website
Login to your
Webflow
account and navigate to
Site Settings
.
Select the
Custom code
tab.
Paste the Webchat embed code in the
Head code
section.
Select
Save Changes
.
Done!
Your bot is now live on your Webflow website.
Next steps
Now that you’ve added your bot, try
styling
it to match the rest of your website’s user interface.
Was this page helpful?
Yes
No
Suggest edits
Raise issue
Wix
Get started
Assistant
Responses are generated using AI and may contain mistakes.