Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Añadir información emergente a tus entradas y páginas de WordPress puede mejorar tu contenido.

Proporcionan información adicional cuando el ratón pasa por encima de determinadas palabras, lo que ayuda a aclarar el mensaje y a que el contenido sea más fácil de utilizar.

La información emergente es una forma eficaz y sencilla de añadir profundidad a las entradas sin saturar el texto. Con la información emergente puedes guiar a tus lectores y ofrecerles más contexto cuando lo necesiten.

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

Add tooltips to your WordPress posts and pages

¿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, la información emergente nunca debe utilizarse para información esencial. 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.

Con esto en mente, 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 |.

Adding a new tooltip

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.

Preview of Tooltip Automatically Added to a Keyword

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.

Adding a tooltip using shortcode

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.

Preview Tooltip Added Using Shortcode

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.

Adding the Glossary Shortcode

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 añadimos a la lista de tooltips del plugin pero no la información emergente que creamos usando shortcode.

Preview of Tooltip Glossary

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á.

Tooltip Glossary Settings

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.

Consejo adicional: Encueste a su público acerca de su nueva información emergente

Crear una encuesta en WordPress es muy útil para obtener respuesta / comentario / opinión de sus visitantes, lo que puede ayudarle a entender mejor sus intereses.

Si tiene una tienda en línea, puede hacer preguntas para saber qué características desea la gente en sus productos o servicios.

O, si tienes un blog en WordPress, las encuestas son una forma estupenda de averiguar si tus artículos son útiles y sobre qué otros temas quiere leer tu audiencia.

Los formularios de encuesta también son una herramienta versátil para recoger sugerencias sobre la mejora de la experiencia del usuario.

Survey results in WPForms

Las características de la información emergente pueden tardar uno o dos segundos en aparecer en pantalla, por lo que le recomendamos que sondee a los visitantes de su sitio para ver si realmente se fijan en ellas. También puede que quieras saber si son útiles o distraen.

WPForms es el mejor maquetador de formularios para crear encuestas en WordPress. Puede utilizar valoraciones / puntuación con estrellas, la escala de Likert o una puntuación neta de promotor para los distintos tipos de respuesta.

Además, puede elegir entre varias plantillas de formularios de encuestas de usuarios para encontrar la que mejor se adapte a sus necesidades.

WPForms' customer feedback templates

Si desea obtener más información acerca de la creación de formularios de encuesta, puede consultar nuestra guía sobre cómo crear una encuesta en WordPress.

Esperamos que este tutorial te haya ayudado a aprender cómo añadir información emergente a tus entradas y páginas de WordPress. Puede que también quieras ver nuestras guías sobre cómo añadir iconos para tipos de contenido personalizados y cómo añadir subtítulos para entradas y páginas en WordPress.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

15 comentariosDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. sasa

    I installed plugin and add new tooltip, entered content and now i dont know how to add it on a link

  3. jawadhyder15

    The plugin don’t work for me,

    But when i do this manually, it works!

  4. shovan

    I dont think the plugin works on WP 3

  5. netcaststudio

    After installing the plugin the import of comments didn’t complete after 6 hours of running. Any thoughts?

  6. wpbeginner

    @dbroadaway the twitter icon is another plugin. Floating bar is the smart sharing plugin.

  7. dbroadaway

    Thanks for the write-up, but I have two unrelated questions:

    1: What is that Twitter icon next the Tooltip icon?

    2: I love your left-hand floating/static social media shares. Is that custom or a plugin/service?

    Thanks.

  8. wpbeginner

    @Jaxov An article is due for that.

  9. Jaxov

    @wpbeginner ;-) Offtopic: How happy are you with livefire comment system?

    How is it compared to other solutions? Also does it allow guest comments without registration?

  10. wpbeginner

    @mharis @Jaxov @Crysislevel Thank you Haris for posting this.

  11. Jaxov

    @Crysislevel I agree! Thanks for this.

    Btw you should maybe create an example page or preview in such posts so that we can see how it actually looks live.

  12. Crysislevel

    nice tutorial! thanx for this…i never knew how to do that! :)

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.