Cómo vincular o asociar un tooltip de WordPress a un elemento dado?

Usuarios del plugin WordPress Tooltip, espero que este mensaje les encuentre bien y tengan un feliz día en familia . Hemos recibido un ticket de soporte de un usuario del plugin WordPress Tooltip, en el cual el usuario del tooltip dijo:
Texto sin formato
Disculpen, soy nuevo aquí. Aún no logro entender cómo vincular o asociar un tooltip a un elemento dado. Así que he creado un tooltip y digamos que quiero que aparezca cuando el usuario coloque el cursor sobre un elemento de botón (con la etiqueta “Añadir persona” e id=”add-person”) en mi página. ¿Cómo puedo hacer esto? Es decir, ¿cómo asocio el tooltip que acabo de crear con este elemento de botón?
Creemos que un mayor número de usuarios podrían tener una consulta similar. Por lo tanto, tenemos la intención de distribuir abiertamente nuestra respuesta a todos los usuarios de WordPress Tooltip
¿Cuál es el propósito de los tooltips?
Los tooltips son cajas emergentes compactas que proporcionan información adicional, como videos, audios, imágenes, mapas de Google, códigos QR, artículos de Wikipedia y texto. Cuando los usuarios colocan el cursor sobre un elemento de tus páginas web, como una palabra en una publicación, un cuadro de entrada de formulario de búsqueda, una imagen o un widget de la barra lateral, los tooltips aparecen de manera fluida para ofrecer detalles interesantes. El plugin WordPress Tooltip brinda la capacidad de aplicar efectos de tooltip a cualquier elemento dentro de las publicaciones de WordPress, menús, comentarios, formularios de contacto, productos de WooCommerce, foros de bbPress, actividades de BuddyPress y más. Este plugin cuenta con una variedad de componentes y complementos cautivadores, incluida la encantadora función Bullets Screen
Presentando el plugin WordPress Tooltip
WordPress Tooltip Pro es un plugin especialmente diseñado para mejorar tu sitio web de WordPress con tooltips visualmente atractivos y versátiles. Te permite crear estilos de tooltip cautivadores que presentan de manera hermosa el contenido a tus usuarios, todo ello optimizando el espacio en pantalla.
Cuando un usuario coloca el cursor sobre un elemento, se muestra una vibrante y animada caja emergente de tooltip. Tienes la flexibilidad de incorporar diversos tipos de contenido, incluyendo videos, audios, imágenes e incluso contenido generado por terceros de plugins como códigos QR, anuncios de Amazon y mapas de Google. Todo esto se puede agregar fácilmente a través del editor estándar de WordPress, lo que lo hace increíblemente fácil de usar.

Como principiante, aprende el proceso de crear tus primeros tooltips utilizando el plugin WordPress Tooltips Pro. WordPress Tooltip facilita la creación sin esfuerzo de tooltips. Te guiaremos a través del proceso de añadir tooltips paso a paso. Inicia sesión en tu cuenta en el sitio web del plugin WordPress Tooltip. Si aún no has instalado el plugin WordPress Tooltip, por favor inicia sesión en tu cuenta en el sitio web del plugin WordPress Glossary Tooltip. Si ya has instalado el plugin WordPress Tooltip, puedes proceder directamente al paso #10. Busca el enlace “Descargar” en la barra de menú superior o simplemente haz clic en este enlace: [enlace al plugin WordPress Glossary Tooltip] para descargar el plugin WordPress Tooltips Pro. Accede al área de administración de tu sitio de WordPress y entra en tu cuenta. Navega hasta el elemento de menú “Plugins”. Desactiva la versión anterior del plugin de tooltips. Elimina el antiguo plugin WordPress Tooltip. En el elemento de menú “Plugins”, haz clic en “Añadir nuevo” en la parte superior del panel de plugins. Sube el archivo comprimido (zip) del plugin de tooltips que descargaste desde el sitio web del plugin WordPress Glossary. Activa la última versión del plugin WordPress Tooltip Pro. Navega hasta la barra lateral de administración de WordPress. Haz clic en “Tooltips” y luego en “Añadir nuevo” para iniciar la adición de un nuevo tooltip de WordPress. Dentro del editor de texto de las entradas de WordPress, tienes la libertad de incorporar varios elementos HTML en el tooltip. Estos elementos pueden incluir imágenes, enlaces y texto. ¡Felicidades! Ahora has añadido exitosamente un tooltip de WordPress. Cuando pases el cursor sobre la palabra clave designada, se activará el tooltip. Además, nuestro plugin WordPress Tooltip ofrece una multitud de opciones de personalización para mejorar la apariencia de tus tooltips. Estas opciones incluyen parámetros como color de texto, fondo, tamaño de fuente, ancho, sombra, opacidad, método de activación y más.

Tutorial en video:

¿Cómo vincular o asociar un tooltip de WordPress a un elemento específico?
Por favor, crea un nuevo término de tooltip de WordPress en el panel de control de WordPress. Puedes hacer clic en el submenú “Añadir nuevo” para abrir el Creador de Tooltips. La interfaz se verá como el editor de tooltips que se muestra a continuación:

Editor de tooltips
En el diagrama anterior, notarás una caja de metaetiquetas etiquetada como “Tooltips para Formularios”. Sin embargo, en realidad debería decir “Tooltips para Clases”. Hicimos este cambio porque observamos que los casos de uso más comunes implicaban agregar tooltips a elementos o campos de formulario utilizando clases CSS o ID. Esta modificación tiene la intención de ayudar a los usuarios a comprender el propósito de la caja de metaetiquetas como tooltips para formularios.
Simplemente ingresa la clase de CSS o el ID de CSS en el cuadro de entrada “Tooltips para Formularios” donde deseas aplicar el efecto del tooltip:
Por ejemplo, tooltips para clase:
.input_box_1
o tooltips para ID:
#text_box_2
Si no estás seguro de cómo encontrar la clase de CSS o el ID de CSS para un componente específico en WordPress, consulta la guía titulada “Cómo encontrar una clase de CSS o un ID de CSS de un componente en una página de WordPress”.
Asegúrate de haber ingresado el título y el contenido del tooltip en el editor de tooltips, luego haz clic en el botón “Publicar”.
En el frontend, cuando visites una página que contenga la clase de CSS o el ID de CSS especificado, al pasar el cursor sobre el elemento de clase se activará la visualización del contenido del tooltip en una ventana emergente de tooltip.
Aquí puedes verificar los tooltips para la clase DEMO, donde podrás ver una demostración de tooltips de WordPress para clases. En el formulario, al pasar el cursor sobre cada campo, aparecerá una ventana emergente de tooltip dedicada. De esta manera, puedes agregar tooltips para varias clases CSS o IDs en el frontend. Por ejemplo, puedes tener tooltips para formularios de contacto, imágenes, videos, botones, elementos de menú, mapas, texto y más.
Ten en cuenta que dentro del editor de tooltips, puedes personalizar estilos de tooltip únicos y visualmente atractivos para cada término de tooltip. Además, puedes aplicar diferentes animaciones para cada tooltip individual.

Conclusión:
Los usuarios de WordPress Tooltips pueden agregar tooltips a elementos específicos dentro de su sitio web de WordPress, como campos de formulario, etiquetas de formulario, elementos de menú, botones u otros elementos interactivos. Al vincular o asociar tooltips a estos elementos, pueden proporcionar información adicional, instrucciones o aclaraciones a los usuarios cuando interactúan con estos elementos. Por ejemplo:
En un campo de formulario, un tooltip puede proporcionar orientación sobre el formato esperado o proporcionar una breve descripción de la entrada requerida.
En una etiqueta de formulario, un tooltip puede ofrecer una explicación más detallada o ejemplos para el propósito de la etiqueta.
En un elemento de menú, un tooltip puede ofrecer una breve descripción o indicar la funcionalidad del elemento cuando se pasa el cursor sobre él. La solicitud de funcionalidad tiene como objetivo mejorar la experiencia del usuario al reducir la ambigüedad, proporcionar consejos útiles o brindar a los usuarios más información sobre elementos específicos. Esto puede conducir a una mejor usabilidad y comprensión de las características del sitio web o los requisitos de entrada.
La función de “Tooltips para cualquier cosa” puede mejorar la experiencia del usuario al reducir la ambigüedad, proporcionar consejos útiles o brindar a los usuarios más información sobre elementos específicos. Esto puede conducir a una mejor usabilidad y comprensión de las características del sitio web o los requisitos de entrada.