Collect client feedback on a WordPress site

Print one script tag in the footer and your client can click anything on the site and leave a note. It works with any theme and any page builder.

<script src="https://YOUR-ADDRESS.clicknote.io/l.js" data-project="PROJECT_ID" async></script>

Copy the real one from the project’s Install and settings page in your dashboard: it already has your address and the project’s id in it.

Add it with a must-use plugin

Print the snippet on the wp_footer hook. A must-use plugin is the tidiest place: it keeps working when the theme changes, and nobody switches it off by accident.

<?php
// wp-content/mu-plugins/clicknote.php
add_action('wp_footer', function () {
    echo '<script src="https://YOUR-ADDRESS.clicknote.io/l.js" data-project="PROJECT_ID" async></script>';
});

The same three lines work in a child theme’s functions.php.

Without touching code

If the site already has a plugin for adding scripts to the header and footer, paste the snippet into its footer box and save. Many themes also have a field for footer scripts in their own options.

Caching and optimisation plugins

Clear the page cache after adding the snippet, so cached pages are rebuilt with it. If a plugin combines or delays scripts, leave this one alone: it is already tiny and loads without holding the page up.

What each note tells you on WordPress

• The theme, and the child theme if there is one.
• The page template, or the page or post id.
• With Divi, Elementor, WPBakery or Gutenberg: the builder’s own name or id for the row, module, widget or block the element is in.

Check it works

1. Open the project in your ClickNote dashboard, go to Review link and people and press Copy review link.
2. Open the link. You land on the site and are asked to confirm your email.
3. Click any element and write a note. It appears on the project’s Notes page in your dashboard.