Revealer

Revealer: el visitante ve qué hay detrás del enlace antes de hacer clic

En un sitio con cientos de artículos, cada enlace interno es una apuesta: el lector no sabe si el destino le sirve y, si se equivoca, pierde el hilo de lo que estaba leyendo. Muchos prefieren no arriesgarse y no pulsan. Revealer coloca un tooltip emergente sobre el enlace con una vista previa del contenido, como hace Wikipedia desde hace años, para que decida con información y no solo con el texto del ancla.

Quien más lo aprovecha es el sitio cuyo contenido se enlaza mucho entre sí: blogs, glosarios, portfolios, revistas o tiendas. Ahí el enlace interno es lo que mantiene al visitante navegando, y una vista previa convierte un clic dudoso en uno informado.

Qué enseña el tooltip de Revealer y dónde se queda corto

Funciona con páginas y entradas, categorías, etiquetas, páginas de autor, productos de WooCommerce y enlaces a sitios externos. Tú decides qué se ve:

• Imagen destacada: mostrarla u ocultarla.
• Extracto: ajustar su longitud.
• Autor, categoría y número de comentarios: elegir en qué posición aparecen.
• Estilo y animación: hay varios estilos y cinco animaciones de entrada.

En los productos de WooCommerce el tooltip usa un diseño propio y añade precio y valoración a los datos habituales de una entrada.

Ahora los límites. Revealer no crea contenido: la vista previa es tan buena como lo que ya tiene cada página. Si tus entradas no tienen imagen destacada ni un extracto cuidado, el tooltip saldrá pobre. Tampoco es una ventana de marketing ni un lightbox: solo informa sobre el destino del enlace. Y con los enlaces externos, comprueba en la demo qué información aparece exactamente antes de planear tu diseño alrededor de ellos.

Por dentro usa JavaScript nativo, sin jQuery, es apto para idiomas con escritura de derecha a izquierda e incluye un archivo pot para traducir los textos.

Dudas habituales antes de instalar Revealer

¿Funciona con Elementor, Divi o mi theme?

Está planteado para convivir con los page builders habituales (Elementor, WPBakery, Visual Composer, Divi, Beaver Builder, Gutenberg y otros) y con cualquier theme de WordPress.

¿Se ve bien en móvil?

Está pensado para teléfonos, tablets y los navegadores principales. Como en una pantalla táctil no existe el cursor, comprueba en la demo desde tu móvil cómo se activa el tooltip.

¿Puedo traducir los textos?

Sí, trae un archivo pot para hacerlo a cualquier idioma.

¿Sirve para una tienda WooCommerce?

Sí: los productos tienen su propio diseño de tooltip con precio y valoración. No añade funciones de compra, solo informa antes del clic.

Dónde luce más Revealer y dónde sobra

Se nota en sitios con mucho material relacionado: un glosario donde unos términos remiten a otros, un blog con artículos que se citan entre sí, un catálogo con muchos productos o una revista con archivo largo. En una web de cinco páginas fijas, con menús claros, aporta poco: no hay nada que anticipar.

Piensa también en la densidad de enlaces. Si cada párrafo tiene varios, una ventana por cada uno puede resultar insistente. Conviene reservarlo para los enlaces que de verdad hacen dudar al lector.

Se activa y funciona; lo que toca decidir es a qué enlaces se asocia

No hay un asistente largo de configuración: tras instalarlo y activarlo ya está operativo. El trabajo real es elegir dónde quieres tooltips. Revealer incluye una interfaz propia para vincularlo a categorías y a páginas concretas.

• Empieza por una categoría con mucho tráfico y revisa el resultado.
• Asegúrate de que esas entradas tengan imagen destacada y extracto.
• Prueba el tamaño del extracto y las animaciones en escritorio y móvil.
• Después amplía a más categorías, a las etiquetas o a los productos.