How to Install on Webflow

Welcome to the Bizfinder.ai family! We are excited to help you supercharge your Webflow website with our advanced AI chatbot and voice bot. By following this guide, you'll be capturing leads and engaging visitors around the clock.

To ensure the most reliable installation on Webflow, we will use the built-in Custom Code feature within Webflow's Project Settings. This method ensures the widget appears consistently on every page of your site.

1Step 1: Copy Your Unique Snippet

First, you need to retrieve the custom code that links your Webflow project to our platform.

HTML
<script
  src="https://bizfinder.ai/widget-full.js"
  data-site-id="YOUR_UNIQUE_SITE_ID"
  defer
></script>
  1. 1.Log in to your Bizfinder dashboard.
  2. 2.Navigate to the Installation or Setup section.
  3. 3.Locate and copy your unique code snippet. It should look exactly like this:

2Step 2: Add the Snippet to Your Webflow Site

Webflow provides a project-level area for adding global custom scripts. Following these steps ensures the widget loads on all pages.

  1. 1.Log in to your Webflow Dashboard and open your project.
  2. 2.Click on the gear icon (Project Settings) in the left panel.
  3. 3.Navigate to the Custom Code tab.
  4. 4.Scroll down to the Footer Code section.
  5. 5.Paste your unique Bizfinder.ai snippet into the Footer Code box.
  6. 6.Click Save Changes.
  7. 7.Crucially, click Publish to push the update to your live site.
Placing the script in the Footer Code section ensures your website content loads first, providing an optimal experience for your visitors.

3Step 3: Verify Your Installation

Now that the code is published, let's make sure your AI assistant is active and ready.

  1. 1.Open your live Webflow website URL in a new browser window.
  2. 2.Refresh the page.
  3. 3.Look for the Preview Assistant icon appearing in the bottom corner of your screen (usually the bottom right).
  4. 4.Click the icon to test the chat. If it opens, your installation is successful!

4Customize Further

The best part about our platform is that the technical work is now behind you. Any future updates to your bot's design or logic are handled directly within our dashboard.

  • Brand your bot: Change colors and fonts to perfectly match your Webflow design.
  • Train your AI: Fine-tune your assistant's personality and greeting messages.
  • Real-time updates: Save your changes in our dashboard, and they will reflect on your live site instantly—with no further code changes required!

Support Tip: If you do not see the widget appearing, ensure that you have published the site after adding the custom code. If you need a hand, our support team is ready to assist you via your Bizfinder dashboard.

Other Platforms

ShopifyWixSquarespaceWeeblyBigCommerceDuda
View all 35 platforms

Need to customize your widget first?

Open Widget Configurator