Webflow Installation

Install Conferbot on Webflow

Follow this step-by-step guide to add a powerful AI chatbot to your Webflow website in minutes.

5 minutes
Beginner
Copy & paste
1

Create your Conferbot account

Sign up for a free Conferbot account if you haven't already.Create account

Step 1: Create your Conferbot account
2

Build your chatbot

Choose from 100+ templates or build from scratch using our drag-and-drop builder.

Step 2: Build your chatbot
3

Customize your bot

Modify the conversation flow to match your business needs. Add your brand colors and personalize messages.

Step 3: Customize your bot
4

Configure widget settings

Go to Deploy > Widget and customize how your chatbot appears on your Webflow site.

Step 4: Configure widget settings
5

Generate the embed code

Click 'Generate Code' to get your unique embed snippet.

Step 5: Generate the embed code
Conferbot Widget Code
<script type="text/javascript">
  (function (d, s, id) {
    var js, el = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.async = true;
    js.src = 'https://cdn.conferbot.com/dist/v1/widget.min.js';
    js.id = id;
    js.charset = 'UTF-8';
    el.parentNode.insertBefore(js, el);
    js.onload = function () {
      var w = window.ConferbotWidget("YOUR_BOT_ID");
    };
  })(document, 'script', 'conferbot-js');
</script>

Replace YOUR_BOT_ID with your actual bot ID from the dashboard

6

Add to Webflow

Install the code on your Webflow site using custom code:

6a

In your Webflow project, go to Project Settings (gear icon)

Step 6a: In your Webflow project, go to Project Settings (gear icon)
6b

Click on the 'Custom Code' tab

Step 6b: Click on the 'Custom Code' tab
6c

Scroll to the 'Footer Code' section and paste your Conferbot code

Step 6c: Scroll to the 'Footer Code' section and paste your Conferbot code
6d

Click 'Save Changes' and then 'Publish' your site

Step 6d: Click 'Save Changes' and then 'Publish' your site

You're all set!

Visit your live Webflow site and your chatbot should now be active. Start engaging with your visitors!

Other Platform Guides

Looking for a different platform? Check out our other installation guides.

Need Help with Webflow Installation?

Our support team can help you get your chatbot running on Webflow in no time.

Discover More

Continue Exploring

Explore features, connect third-party tools, and browse ready-made templates.

Features

View all →

Integrations

View all →

Templates

View all →
全渠道平台

一个聊天机器人，
全部渠道

您的聊天机器人可在WhatsApp、Messenger、Slack及其他6个平台上无缝运行。一次创建，处处部署。

WebsiteWhatsAppMessengerInstagramTelegramSlackDiscordTeamsLINE
View All Channels
Conferbot
在线
您好！今天我能帮您什么？
我需要价格信息
Conferbot
当前活跃
欢迎！您在寻找什么？
预约演示
当然！请选择时间段：
#支持
Conferbot
Sarah的新工单："无法访问仪表板"
已自动解决。重置链接已发送。