Cómo añadir información emergente en entradas y páginas de WordPress

¿Quieres añadir información emergente a tus entradas y páginas de WordPress?

La información emergente es información adicional que se muestra al pasar el cursor sobre determinadas palabras. Es una forma útil de aclarar el contenido.

En este artículo, le mostraremos cómo añadir información emergente de WordPress en sus entradas y páginas.

¿Por qué mostrar información emergente en tus entradas y páginas de WordPress?

La información emergente muestra información útil en pequeños recuadros que aparecen al pasar el cursor sobre un área de su sitio WordPress. Son una forma estupenda de añadir claridad a su contenido.

Puede utilizar información emergente para añadir definiciones de palabras difíciles, resaltar hechos importantes y revelar las fuentes de la información. Al igual que las notas a pie de página, pueden mejorar la experiencia del usuario y ayudar a generar confianza entre los visitantes.

Sin embargo, los tooltips nunca deben utilizarse para información emergente. Su entrada debe contener todo lo que sus lectores necesitan aunque no lean la información emergente, por si acaso no la ven.

También debe asegurarse de no abusar de la información emergente, ya que puede convertirse en una distracción para los visitantes de su sitio web, lo que puede arruinar la experiencia del usuario.

Dicho esto, veamos cómo añadir información emergente a las entradas y páginas de WordPress.

Cómo añadir información emergente en tus entradas y páginas de WordPress

Lo primero que tienes que hacer es instalar y activar el plugin WordPress Tooltips. Para obtener más información, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, hay varias formas de añadir información emergente a tus entradas y páginas. La primera es añadir automáticamente información emergente a determinadas palabras clave.

Añadir información emergente a las palabras clave automáticamente

Todo lo que tiene que hacer es ir a Información emergente ” Añadir nueva para crear una nueva información emergente. Para empezar, añada un título.

Este título es una palabra clave, y la información emergente se mostrará automáticamente en todas las entradas y páginas en las que aparezca la palabra clave. Esto puede ahorrarle mucho tiempo, ya que no tendrá que añadir manualmente la información emergente en varios lugares de su sitio.

Si desea que otras palabras aparezcan también en la información emergente, puede introducirlas en la sección de sinónimos situada a la derecha de la pantalla. Si introduce varios sinónimos, debe separarlos con el símbolo |.

Ahora, en la sección de contenido, añada su información emergente. Una información emergente puede tener solo unas palabras, o varios párrafos de contenido enriquecido con imágenes y otros medios. Sin embargo, tenga en cuenta que está escribiendo contenido para una información emergente, no para una entrada completa, así que sea lo más breve posible para que sea fácilmente legible en cualquier pantalla.

Cuando haya terminado, haga clic en el botón “Publicar” situado a la derecha de la pantalla. A partir de ese momento, la información emergente se mostrará automáticamente en todas las entradas y páginas en las que aparezcan el título y los sinónimos de la información.

Añadir información emergente mediante shortcode

Otra forma de añadir información emergente es añadir un shortcode al contenido de tus entradas y páginas.

Este método es adecuado para informaciones emergentes más cortas, o cuando desea mostrar la información emergente sólo una vez en lugar de en cada palabra clave coincidente en su sitio web.

Si es la primera vez que utiliza shortcodes, puede obtener más información en nuestra guía para principiantes sobre cómo añadir un shortcode en WordPress.

Para añadir su shortcode de información emergente, en primer lugar, debe abrir la entrada o página donde desea añadir la información emergente en el editor de contenido. A continuación, debe añadir este shortcode donde desea que se muestre la información emergente:

[tooltips keyword="YOURKEYWORD" content="YOURTOOLTIPCONTENT"]

Simplemente sustituya YOURKEYWORD por la palabra o frase a la que desea añadir la información emergente, y sustituya YOURTOOLTIPCONTENT por el texto que desea añadir a la información emergente. Asegúrese de dejar las comillas en el shortcode para que funcione correctamente.

Puede obtener una vista previa de la página para ver la información emergente en acción.

Así es como aparece en nuestro sitio de demostración.

Crear un glosario a partir de la información emergente

Cada información emergente es una descripción de una palabra clave, similar a lo que encontrarías en un diccionario o glosario. A medida que vayas añadiendo información emergente, es como si estuvieras construyendo un glosario básico.

Por eso, el plugin WordPress Tooltips le permite mostrar un glosario de información emergente en su sitio web. Solo tienes que añadir el shortcode [glossary ] a la entrada o página donde quieras que aparezca.

Después de publicar la entrada o página, puede visitar su sitio web para ver el glosario.

Así es como aparece en nuestro sitio de demostración. Incluye la información emergente que hemos añadido a la lista de tooltips del plugin, pero no la información emergente que hemos creado usando shortcode.

Si desea personalizar el glosario, puede hacerlo desde el menú Herramientas ” Ajustes del glosario en su escritorio de WordPress.

Aquí encontrará una serie de opciones que puede retocar sobre cómo se mostrará el glosario y qué se incluirá.

Por ejemplo, puede elegir si desea o no mostrar imágenes en el glosario, y puede enumerar el ID de cualquier información emergente que no desee incluir.

Esperamos que este tutorial te haya ayudado a aprender cómo añadir información emergente a tus entradas y páginas de WordPress. También puedes consultar nuestra guía sobre cómo crear un boletín de correo electrónico o nuestra comparativa de expertos sobre el mejor alojamiento gratuito de sitios web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.