Add a website feedback widget to Framer
Add the script in Framer's custom code settings, placed at the end of the body, 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 Framer site plan.
<script src="https://pinnote.app/widget.js" data-project="pk_…" async></script>Add it to Framer
- Open your project's Site settings and find Custom Code.
- Click Add Script, paste the line and choose the placement at the end of the body, on all pages.
- Publish. Custom code doesn't run in the canvas preview, only on the published site.
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 your free framer.app or framer.website address, add it under Other addresses in your site's settings in Pinnote.