Webflow Installation

Add Conferbot to Webflow

Follow this step-by-step guide to integrate your chatbot with Webflow

5 minute setup
No coding required
Copy & paste
1

Create your Conferbot account

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

Step 1
2

Build your chatbot

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

Step 2
3

Customize your bot

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

Step 3
4

Configure widget settings

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

Step 4
5

Generate the embed code

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

Step 5
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://s3.ap-south-1.amazonaws.com/conferbot.defaults/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
6b

Click on the 'Custom Code' tab

Step 6b
6c

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

Step 6c
6d

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

Step 6d
7

You're all set!

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

Need Help with Installation?

Our support team is here to help you get your chatbot running on Webflow.

Transform Your Digital Conversations

Elevate customer engagement, boost conversions, and streamline support with Conferbot's intelligent chatbots. Create personalized experiences that resonate with your audience.