Webflow

Add an AI chatbot to your Webflow site — in one line

DropWidget adds a polished voice + text AI assistant to any Webflow project, trained on your own content. It matches your brand and answers visitor questions instantly — no integrations to wire up.

Start free trial →See all solutions

👉 It’s live on this page — tap the button in the corner and ask it anything about DropWidget.

Home › Solutions › Webflow

How to add it to Webflow

<script src="https://dropwidget.com/widget/dropwidget.js" data-key="your-site-key"></script>
  1. In the Webflow Designer, open Project Settings → Custom Code.
  2. Paste your DropWidget snippet into the Footer Code box (before </body>).
  3. Save, then Publish your site.
  4. You can also add it per-page under a page’s Settings → Custom Code if you only want it on certain pages.

Why Webflow sites use DropWidget

Pixel-matched to your brand

Set the color, label, and launcher style in the dashboard so it feels native to your Webflow design.

No collections or CMS work

It crawls your published site automatically — nothing to model or bind.

Voice or text

Let visitors talk to it or type — whichever they prefer.

FAQ

Does it work on the free Webflow plan?

Custom code in the footer requires a paid Site plan on Webflow. Once you can add footer code, DropWidget works.

Will it slow my site?

No — it loads after your page and is cached.

Can I limit it to certain pages?

Yes, add the snippet to specific pages’ custom code instead of the project footer.

Try it free for 7 days

No credit card to start. One line of code. Cancel anytime.

Start free trial →