Add a website feedback widget to Webflow
Paste one line into Webflow's site-wide footer code and publish. Clients you invite then click anything on the site and leave a note, with a screenshot, the page and their browser attached. Everyone else sees nothing.
Updated
Before you start
- Create a free Pinnote account and add your site. Its settings show your line of code, under Install, with your own site key in place of
pk_…. - Custom code needs a paid Webflow site plan, or a Core, Growth, Agency or Freelancer workspace. Only site admins can edit it.
<script src="https://pinnote.app/widget.js" data-project="pk_…" async></script>Add it to Webflow
- Open your site's Site settings and go to the Custom code tab.
- Paste the line into Footer code and click Save changes.
- Publish the site. Custom code only runs on the published site, never on the Designer canvas.
Check it works
In Pinnote, open your site's settings and, under Install, click Try it on my site. It opens your site signed in as a reviewer; the Feedback button appears in the corner, and Install turns to "Installed". Then invite your client by email. They click the link and can comment straight away, with no account.
If clients review on the webflow.io staging address, add it under Other addresses in your site's settings in Pinnote.
If it doesn't show up
- Webflow's Preview mode leaves custom code off unless you switch on Enable custom code; the published staging site is the better place for reviews.
- Check who gets the button on your site's People page. Open the site from an invite, your share link or Try it on my site to see it as an invited person; a private window shows what visitors see.