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.

Platforma Omnichannel

Jeden Chatbot,
Wszystkie Kanały

Twój chatbot działa na WhatsApp, Messenger, Slack i 6 innych platformach. Stwórz raz, wdrażaj wszędzie.

View All Channels
Conferbot
online
Cześć! Jak mogę Ci pomóc?
Potrzebuję informacji o cenach
Conferbot
Aktywny teraz
Witaj! Czego szukasz?
Zarezerwuj demo
Jasne! Wybierz termin:
#wsparcie
Conferbot
Nowy ticket od Sarah: "Nie mogę uzyskać dostępu do panelu"
Rozwiązano automatycznie. Link do resetowania wysłany.