Hovercards

Hovercards enhance Gravatar images by including a short bio and other profile information when a reader hovers over a Gravatar.

You can try it by hovering over this Gravatar image:

Using on WordPress

Hovercards are built in to WordPress.com and enabled by default.

You can use the Jetpack plugin to add hovercards to your WordPress.org site.

Using on any site

Hovercards are available to any site that uses Gravatar images. Add the following code to your site:

<script src="https://www.gravatar.com/js/hovercards/hovercards.min.js"></script>
<script>
( function() {
  function init() {
    Gravatar.init();
  }
  if( document.readyState !== 'loading') {
    init();
  } else {
    document.addEventListener( 'DOMContentLoaded', init );
  }
} )();
</script>

Any image that references a Gravatar image will now be enabled with hovercards.

More advanced usage, including how to show hovercards on any page element, can be found on Github here.

If you are a developer, you can also include hovercards directly into your application. More details about this can be found on the Gravatar developer docs.