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 →
Plataforma Omnicanal

Um Chatbot,
Todos os Canais

Seu chatbot funciona no WhatsApp, Messenger, Slack e mais 6 plataformas. Crie uma vez, implante em todos os lugares.

WebsiteWhatsAppMessengerInstagramTelegramSlackDiscordTeamsLINE
View All Channels
Conferbot
online
Olá! Como posso ajudar?
Preciso de informações sobre preços
Conferbot
Ativo agora
Bem-vindo! O que você procura?
Agendar uma demo
Claro! Escolha um horário:
#suporte
Conferbot
Novo ticket de Sarah: "Não consigo acessar o painel"
Resolvido automaticamente. Link de redefinição enviado.