Framer

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

DropWidget adds a sleek voice + text AI assistant to any Framer site, trained on your own content — a perfect match for design-forward Framer projects.

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 › Framer

How to add it to Framer

<script src="https://dropwidget.com/widget/dropwidget.js" data-key="your-site-key"></script>
  1. In Framer, open Site Settings → General → Custom Code.
  2. Paste your DropWidget snippet into the End of <body> tag section.
  3. Publish your site.
  4. The assistant appears across your published Framer site.

Why Framer sites use DropWidget

Design-grade polish

A clean, modern launcher that fits Framer’s aesthetic; customize the color and style in the dashboard.

Zero maintenance

It crawls your published site automatically.

Voice-first option

Stand out with a talkable assistant, or keep it text — your call.

FAQ

Does Framer support custom code?

Yes, on paid Framer plans you can add end-of-body custom code, which is all DropWidget needs.

Will it affect performance?

No — it loads after your page and is cached.

Can I change how it looks?

Yes — color, icon, label, and position are all configurable.

Try it free for 7 days

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

Start free trial →