Installing the Evri Popover Widget on a WordPress Blog

These instructions will assist you in installing Evri’s popover widget. We’ve tested these steps on a self-hosted WordPress blog running WordPress 2.7.0. Unfortunately, free WordPress.com blogs do not support external widgets.

You’ll need access to the blog’s admin console, and the ability to edit simple HTML.

1. First, log in to your blog’s admin console. Then on the left sidebar, find the Appearance menu.
   
2. After expanding the Appearance menu, click on Editor.
   
3. Now in the right side bar you should see a list of Theme Files. Click on Footer (footer.php).
   
4. At the bottom of the file, locate the closing body tag </body>. Just above this tag, paste the Evri popover HTML shown below:

<div class="evri-widget-launcher">
  <a href="http://www.evri.com/"
     title="Get content recommendations from Evri">
       Content recommendations from <em>Evri</em>
  </a>
</div>
<script
      type="text/javascript"
      charset="utf-8"
      src="http://www.evri.com/widget/javascripts/contentRecommendation.1.js">
</script>
<script type="text/javascript" charset="utf-8">
// For more information on installing this code, visit:
// http://blog.evri.com/index.php/widget-webpage
Evri.$(window).ready(function () {
  var documentCSSSelector = 'div.post';
  var contentCSSSelector = 'h2, h2 a, div.entry p';
  var widget = new Evri.Widget.ContentRecommendation();
  widget.popover();
  widget.placeInvocationPoints(documentCSSSelector,
                               contentCSSSelector,
                               {});
});
</script>

5. Finally, click Update File and visit your blog. At the bottom of each post, you should find a small Evri icon which will launch the popover when clicked.

Questions or issues? Please use the comments section on this page.