W

How to add Pinnote to WordPress

The easiest way is the free WPCode plugin (formerly “Insert Headers and Footers”), used on millions of WordPress sites. If your theme or page builder already has a box for footer code, you can use that instead.

About 3 minutes · No developer needed

Your Pinnote code looks like this

Pinnote code
<script src="https://www.pinnote.xyz/widget.js" data-site="YOUR_SITE_ID" defer></script>

Copy your own code from Pinnote (Websites, your website, Install). It has your website's ID instead of YOUR_SITE_ID. Don't have an account? Create one free.

Steps

  1. In Pinnote, open Websites, choose your website and open the Install tab. Click Copy code. The code already contains your website's ID.
  2. In your WordPress admin, go to Plugins › Add New Plugin.
  3. Search for WPCode, click Install Now, then Activate.
  4. Go to Code Snippets › Header & Footer.
  5. Paste the Pinnote code into the Footer box and click Save Changes.
  6. Open your review link (the Review links tab in Pinnote). The Pinnote toolbar appears at the bottom of the page. Normal visitors never see it.

Already have a place for footer code?

Many themes and builders have one. Paste the code there instead of installing a plugin:

  • Divi: Divi › Theme Options › Integration, in Add code to the <body>.
  • Elementor Pro: Elementor › Custom Code › Add New, location </body> - End.
  • Astra Pro, GeneratePress Premium, Kadence: their Hooks or Elements feature, hook wp_footer.

WordPress.com: you need a plan that allows plugins. On other plans, use the no-install option.

Troubleshooting

The toolbar doesn't appear

Caching and speed plugins (WP Rocket, LiteSpeed Cache, Autoptimize, SiteGround Optimizer, Perfmatters) can delay or combine scripts. Add widget.js to their “exclude” list for delayed or combined JavaScript, then clear the cache.

You use a staging site

Add the staging address (for example staging.example.com) under Settings › Allowed domains for this website in Pinnote.

Need a hand? Email hello@pinnote.xyz and we'll help you set it up.
Try the live demo