How to Add a Feedback Widget to Webflow (No Code, 2 Minutes)
Your Webflow site looks great.
It loads fast. The design is clean. The copy is sharp. And your visitors are still leaving without converting.
You can see it in your analytics. Traffic comes in. Traffic goes out. Nobody tells you why.
Here is the problem: Webflow gives you a beautiful website but zero insight into what your visitors are thinking when they decide to leave. Google Analytics shows you that they left. It does not tell you why. Hotjar shows you a heatmap of where they clicked. It still does not tell you why.
The answer to "why" lives in your visitors' heads. The only way to get it is to ask — at exactly the right moment, with exactly the right question.
That is what Loopnote does. And it takes 2 minutes to add to any Webflow site.
What Loopnote Does on Your Webflow Site
One script tag sits in your Webflow head code. It watches 14 behavioural signals in real time — how fast your visitor scrolled, whether they hit a JavaScript error, how long they spent on your pricing page, whether they clicked your CTA button.
When a visitor is about to leave, the Neural Logic Engine selects one question matched to exactly what just happened on that page.
- Visitor spent 90 seconds on pricing but never clicked? They see: "What's holding you back from trying?"
- Visitor bounced in under 5 seconds? They see: "What almost made you stay?"
- Visitor hit a broken page? They see: "Did something break?"
Every response goes into your dashboard. Every week, an AI report tells you the top 3 issues costing you conversions and what to fix first. No guesswork. No heatmaps. Actual answers from real people.
How to Add Loopnote to Webflow — Step by Step
Sign up and get your site ID
Go to loopnote.tech and create a free account. After signup, go to Dashboard → Add Site → enter your Webflow domain. You will receive a unique site ID — a short string that looks like ln_site_abc123.
Open Webflow's custom code settings
Log into your Webflow account. Go to your project. Click the gear icon (Site Settings) in the left sidebar. Scroll down to the Custom Code tab.
Paste one line into the Head Code section
In the "Head Code" box, paste this:
Replace YOUR_SITE_ID with the ID from Step 1. That is it. One line. Nothing else.
Save and publish
Click Save at the bottom of the Custom Code section. Then publish your Webflow site as normal. The widget is now live on every page of your site — automatically.
Test it
Open your site in a new incognito window. Scroll through a page for 30 seconds. Then move your cursor toward the top of the browser — the exit intent trigger will fire. You will see the widget appear with a contextual question.
What Happens Next
Within the first 48 hours on a site with any meaningful traffic, you will see your first feedback responses in your Loopnote dashboard. Each response shows the trigger that fired, the page the visitor was on, and their exact words.
Most Webflow founders who install Loopnote find their top conversion issue within 72 hours of going live. Not because the product is magic — but because their users were always trying to tell them what was wrong.
Does This Work on All Webflow Plans?
Yes. The custom code section is available on Webflow's Basic plan and above. If you are on the free Starter plan with a .webflow.io subdomain, custom code is not available — you will need to upgrade to a paid Webflow plan first.
Loopnote itself has a free plan — 1 website, 100 responses per month, no credit card required. For most Webflow sites in their early growth phase, this is enough to identify your top conversion issues.
Try Loopnote free on your Webflow site
👉 Get started at loopnote.techSetup takes 2 minutes. No card required.