Starting at USD $
29
 per month

HoverEcho Brings “Hear Before You Click” to WordPress

Websites have been silent for 30 years. HoverEcho wants your buttons, adverts and pricing tiers to explain themselves before anyone clicks, and it has just landed on WordPress.
Table of Contents

Every one of us who sells something online has watched the same thing happen in a session recording. A visitor lands on a page, moves the cursor across ads or pricing plans, hovers over one for a few seconds, then leaves without clicking anything.

The answer they wanted was usually one click away, but that click was one too many.

HoverEcho has a different idea about how to close that gap, and it doesn’t involve writing more copy. It’s all about letting the element speak.

They have just released their WordPress plugin, which you can download on the HoverEcho website, and I want to walk through what it actually does.

HoverEcho's website homepage.

The Idea: Elements That Explain Themselves

Websites have been visual and click-first since the beginning. Text, images, animation and video have all improved enormously over three decades, but the basic sequence has not changed. You see something, you click it, and only then do you find out what it was.

HoverEcho attaches audio to individual elements rather than to the page. A navigation item can tell you where it leads on hover, before any click. For example, a button can describe what happens when you press it, a pricing tier can give you its one-line pitch, or an advert can make its case before it asks for the click.

The developers frame it as changing “see, click, discover” into “see, hear, decide, click”. Marketing framing aside, that is a fair description of the behaviour change they are going after.

This is not background music and it is not a narrated video. No audio is played until a visitor shows interest in a specific element, and the message belongs to that element alone.

Hover, Touch and Hold, or Tab

On desktop, the visitor hovers to hear the message. On mobile, it is touch and hold. On TVs, HoverEcho activates when a viewer focuses on an ad-tile with their remote.

Setting up the audio works one of two ways. You write the message and generate it with text to speech, choosing from a set of voices, or you upload a recording you made yourself.

If you have spent any time with synthesised voices in the last two years, you already know the quality varies enormously depending on the script. Short, plain sentences hold up well, but anything with product names, acronyms or clever punctuation is where these systems tend to stumble, so the upload option is there to make sure you get the right message across.

The fastest way to understand the interaction is to watch it rather than read about it, so take a quick look at the intro3 video below.

What the WordPress Plugin Adds

The plugin connects your site directly to your HoverEcho account, so spoken campaigns are managed and deployed from inside WordPress instead of being copied over as embed code every time something changes.

That’s convenient when you imagine running this across a publisher network or an agency’s client list. Embed code that has to be manually pasted into 40 places is embed code that goes stale in 40 places, and this avoids that situation altogether.

HoverEcho is aimed at site owners, developers, agencies, publishers, advertisers and ecommerce operators. In other words, the people who already own the decision about what goes on a page and care about what happens after the click.

Where HoverEcho Makes the Most Sense

Advertising is the obvious starting point. A display ad that can deliver a spoken preview at the exact moment it catches attention is a genuinely different proposition to one that has to earn a click on the strength of a headline and a graphic.

Ecommerce is the second. Product tiles, size guides, delivery options, form fields and pricing plans are all places where visitors hesitate, and where the explanation currently sits behind another page load.

The third is plain clarity. Anywhere your analytics show people bouncing between two options without committing, a ten-word spoken nudge is cheaper to produce than a redesign.

The Accessibility Aspect

HoverEcho positions spoken guidance as an accessibility benefit too. Keyboard focus triggering a spoken explanation is useful, and so is a form field that tells you what it wants before you type into it.

I would be careful with how far that claim gets stretched, though. This is not a replacement for a screen reader, and hover on its own is not an accessible interaction pattern. Anything critical still has to work through proper semantic markup and ARIA, with HoverEcho sitting on top as an enhancement rather than a substitute.

Used that way, it’s a genuinely beneficial addition.

Creating a campaign in HoverEcho, with the voice selection and script.
Creating a campaign in HoverEcho, with the voice selection and script.

What I Would Test First

Restraint is the whole game here. A site where three elements speak is interesting, while a site where twenty is likely going to push people away.

I would start with one page, probably pricing or a high-traffic blog post with ads, and I would keep every message to a few seconds long at most. I would also want to know what visitors do after they hear one, which means agreeing up front on what you are measuring, whether it’s click-through on the element, time on page, or completed checkouts.

The audio itself is worth a listen on a phone speaker before you go live too, not just through good headphones. That is where thin text to speech tends to fall apart so it’s important the clarity is there.

Is HoverEcho Worth a Look?

For decades, websites have made visitors click before they reveal anything. HoverEcho is an attempt at giving individual elements a voice before that click happens, and the WordPress plugin makes it practical enough to test properly rather than theorise about.

Whether it becomes a standard part of your stack or an interesting experiment depends almost entirely on how tastefully it’s used. New users get a 30-day free trial of the HoverEcho service, which is enough time to run a real test rather than a demo on a staging site.

So I’m curious where you land on this. Does a site that talks back at the moment of interest sound genuinely useful to you, or does it sound like something you would switch off after a few seconds?

Mark Zahra runs WP Mayor and leads RebelCode, the company behind WP RSS Aggregator and Spotlight Instagram Feeds. That dual vantage point, both publisher and product builder, shapes how he covers the WordPress ecosystem. He has shipped products to tens of thousands of sites and reviewed hundreds more. He started with WordPress in 2012, joined WP Mayor in 2014, and has since written for a community of millions, focused on honest, practical guidance readers can act on.

This is a sponsored article, meaning the company paid to be featured here. We haven’t independently tested the product, so evaluate it against your own needs first.

Post a Comment

Your email address will not be published. Required fields are marked *

Paragraph breaks are preserved once your comment is published. Add your website to link your name (nofollow).

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from Our Blog

Get the Monthly Showcase

One email a month, written by me, with the best of the last month’s editorial work and some stuff you won’t find anywhere else.

Stay curious and keep building.

Mark from WP Mayor