Add a website feedback widget to WordPress
Install the Pinnote plugin and paste your site key. No code. 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_…. - Self-hosted WordPress needs an administrator account. WordPress.com needs a paid plan, since free sites can't install plugins or add scripts.
<script src="https://pinnote.app/widget.js" data-project="pk_…" async></script>Add it to WordPress
- Download the Pinnote plugin. In WordPress, go to Plugins › Add New › Upload Plugin, choose the file, then Activate.
- Go to Settings › Pinnote.
- Paste your site key (it starts with
pk_, under Install in your site's settings in Pinnote) and click Save Changes.
Or, without the plugin, in your child theme's functions.php:
add_action('wp_footer', function () {
echo '<script src="https://pinnote.app/widget.js" data-project="pk_…" async></script>';
});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.
Staging copies (for example on wpcomstaging.com or your host's staging address) need adding under Other addresses in your site's settings in Pinnote.
If it doesn't show up
- In WP Rocket and other speed plugins, "Delay JavaScript execution" holds scripts until the visitor clicks or scrolls. Add
pinnote.appto its excluded scripts, or add thenowprocketattribute to the tag. - Plugins that combine or rewrite scripts can drop the
data-projectattribute. Excludepinnote.appfrom combining. - 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.