¿Cómo crear tooltips multilingües utilizando el plugin Polylang con tooltips de WordPress?

Hola, queridos usuarios del plugin de Tooltips de WordPress, confío en que este mensaje los encuentre de buen ánimo y disfrutando de momentos alegres con su familia. Ayer, anunciamos el lanzamiento de WordPress Tooltips Pro+ 31.5.8, inspirado en una increíble solicitud de función de un usuario de tooltips de WooCommerce sobre tooltips multilingües. La solicitud del usuario del tooltip consiste en dos partes principales: Comentarios sobre el Plugin WordPress Tooltips Pro Plus: El usuario de tooltips proporciona comentarios positivos sobre el plugin, destacando su efectividad en simplificar el diseño de su tienda de comercio electrónico, reducir la sobrecarga de información, abordar preguntas frecuentes de los usuarios y, en última instancia, aumentar las tasas de conversión de productos. Solicitud de Asistencia con Tooltips Multilingües: El usuario de tooltips está expandiendo su negocio y quiere implementar la funcionalidad multilingüe para servir mejor a los clientes internacionales. Están utilizando el plugin Polylang, pero encuentran un problema donde no pueden agregar términos de tooltips en alemán y francés para sus usuarios. El usuario está pidiendo ayuda para resolver este problema y, específicamente, para cambiar el idioma del tooltip. En resumen, el usuario está tanto proporcionando comentarios sobre su plugin como buscando ayuda con una función multilingüe relacionada con los tooltips. Nuestro desarrollador del plugin de tooltips de WordPress lanzó la función para el usuario de tooltips de WordPress, y luego la usuaria de tooltips multilingües nos dijo que podía agregar términos de tooltips en alemán y francés para usuarios alemanes y franceses. Ella espera que el plugin de Tooltips de WordPress soporte la entrada y visualización automática de tooltips multilingües con Polylang, ¡junto con toneladas de comentarios! Perdimos el sueño para realizar todas las solicitudes de características para el usuario de Tooltips Multilingües, y ella dijo: “Eso es asombroso, has realizado completamente mi sueño.”

¿Qué es el plugin Polylang de WordPress?

El plugin Polylang para WordPress es una solución popular para crear sitios web multilingües. Permite a los usuarios traducir fácilmente su contenido a múltiples idiomas y gestionar esas traducciones desde el panel de control de WordPress. Aquí hay algunas características clave del plugin Polylang: Características Clave

• Gestión de Idiomas: Los usuarios pueden agregar tantos idiomas como necesiten y asignar idiomas a publicaciones, páginas y categorías.
• Interfaz de Traducción: Proporciona una interfaz fácil de usar para crear traducciones de publicaciones y páginas sin inconvenientes.
• Selector de Idiomas: Polylang te permite agregar un widget o menú de selector de idiomas para que los visitantes puedan cambiar entre idiomas fácilmente.
• Amigable para SEO: El plugin está diseñado con SEO en mente, incluyendo características para ayudar con la estructura de URL y etiquetas meta para contenido multilingüe.
• Compatibilidad: Polylang funciona bien con la mayoría de los temas y plugins, y tiene compatibilidad con WooCommerce para sitios de comercio electrónico.
• Personalizable: Los usuarios pueden personalizar la apariencia y el comportamiento del selector de idiomas para adaptarse al diseño de su sitio. Es perfecto para empresas u organizaciones que buscan alcanzar una audiencia global al ofrecer su contenido en múltiples idiomas. Instalación Para instalar Polylang, puedes:
• Ir al panel de administración de WordPress.
• Navegar a Plugins > Añadir Nuevo.
• Buscar “Polylang” y hacer clic en Instalar Ahora.
• Activar el plugin y seguir el asistente de configuración para configurar tus idiomas. Polylang es una opción poderosa para cualquiera que busque crear un sitio de WordPress multilingüe sin necesidad de amplios conocimientos de programación.
• O simplemente ir a la configuración de Polylang para configurar los idiomas que deseas usar.
• Comienza a crear contenido y asigna los idiomas apropiados a tus publicaciones, páginas y otras taxonomías.
• Agrega el selector de idiomas al menú o área de widgets de tu sitio. En general, Polylang es una herramienta efectiva y poderosa para cualquiera que busque crear un sitio web multilingüe utilizando WordPress. Está dirigida tanto a principiantes como a usuarios avanzados, lo que la hace versátil para varios tipos de sitios web.

¿Qué son los tooltips?

Los tooltips son elementos de interfaz de usuario que proporcionan información adicional o contexto cuando un usuario pasa el mouse, hace clic o se enfoca en un elemento de una página web o aplicación. Generalmente, son pequeñas cajas emergentes o mensajes que aparecen cerca del elemento al que se hace referencia, ofreciendo explicaciones o pistas sin saturar la interfaz. Los tooltips ayudan a los usuarios a entender la función de botones, íconos u otros elementos sin necesidad de hacer clic o navegar a otra parte. Por lo general, los tooltips aparecen solo cuando son necesarios, minimizando distracciones y manteniendo una interfaz de usuario limpia.
El concepto de tooltips ha evolucionado con el tiempo junto con el desarrollo de interfaces gráficas de usuario (GUIs). Aquí hay un breve resumen de la historia de los tooltips:
Desarrollo temprano (década de 1980)
Orígenes en GUIs: Los tooltips pueden rastrear sus raíces hasta los primeros días de las interfaces gráficas de usuario en la década de 1980. A medida que los sistemas informáticos pasaron de interfaces basadas en texto a GUIs, los desarrolladores buscaron formas de hacer que las interacciones fueran más intuitivas.
Apple Lisa y Macintosh: La introducción de Apple Lisa en 1983 y luego de Macintosh en 1984 presentó las primeras implementaciones de texto de ayuda e información contextual, que sirvieron como precursores de los tooltips modernos.
Década de 1990: Estandarización
Windows 95: Microsoft Windows 95 fue fundamental para popularizar el concepto de tooltip. Los tooltips se convirtieron en una característica estándar en muchas aplicaciones, proporcionando a los usuarios comentarios instantáneos sobre varios elementos de la interfaz de usuario.
Desarrollo Web: A medida que internet comenzó a crecer, las primeras prácticas de desarrollo web empezaron a incorporar elementos similares a tooltips usando HTML y JavaScript, aunque a menudo se implementaban de una manera más rudimentaria (por ejemplo, utilizando el atributo title).
Década de 2000: Evolución y Mejora
Aplicaciones Web Ricas: Con el auge de AJAX y aplicaciones web más sofisticadas a principios de la década de 2000, los desarrolladores comenzaron a crear tooltips más dinámicos y personalizables.
Frameworks de CSS y JavaScript: El avance del CSS y la aparición de bibliotecas como jQuery permitieron a los desarrolladores diseñar tooltips más visualmente atractivos que podían ser estilizados y animados.
Década de 2010: Adopción Generalizada
Diseño Responsivo: A medida que los dispositivos móviles ganaron popularidad, los tooltips se adaptaron para interfaces táctiles. Los desarrolladores tuvieron que pensar en cómo funcionarían los tooltips en dispositivos sin un estado de pasar el mouse.
Frameworks y Bibliotecas: Numerosos frameworks de front-end (por ejemplo, Bootstrap, Foundation) incluyeron funcionalidad de tooltip integrada, facilitando a los desarrolladores su implementación de manera consistente. En 2010, Tooltips.org comenzó a desarrollar el plugin de tooltips para WordPress para ayudar a los usuarios a crear hermosos tooltips con solo unos pocos clics en menos de tres minutos.
Día Presente
Enfoque en Accesibilidad: El desarrollo web moderno pone mayor énfasis en la accesibilidad. Los desarrolladores prestan más atención a cómo se presentan los tooltips a los usuarios con discapacidades, asegurando que sean utilizables con navegación por teclado y lectores de pantalla.
Información Contextual: Los tooltips todavía se utilizan ampliamente en sitios web y aplicaciones, a menudo mejorados con medios ricos, como imágenes o videos, para proporcionar un contexto más profundo.
Los tooltips han recorrido un largo camino desde sus primeras iteraciones, evolucionando hasta convertirse en un componente clave del diseño de interfaces de usuario. Siguen siendo una herramienta crucial para mejorar la experiencia del usuario al proporcionar información contextual sin abrumar la interfaz. A medida que la tecnología sigue avanzando, es probable que los tooltips se vuelvan aún más sofisticados e integrados en varios diseños interactivos.

Qué es el Plugin de Tooltip de WordPress:

Un plugin de tooltip para WordPress es una herramienta que permite a los propietarios de sitios web agregar funcionalidad de tooltip a su sitio de WordPress de manera sencilla. El plugin de Tooltips de WordPress proporciona información o contexto adicional cuando los usuarios pasan el cursor o hacen clic en elementos específicos, ayudando a mejorar la experiencia del usuario sin desordenar la interfaz. Los tooltips son pequeñas ventanas emergentes con información adicional, como videos, audios, imágenes, Google Maps, códigos QR, wikis, textos, etc. La ventana emergente de tooltips se mostrará cuando los usuarios pasen el cursor sobre un elemento en tus páginas; el elemento puede ser una palabra en tu publicación, un cuadro de entrada en un formulario de búsqueda, una imagen en tu página, un widget en tu barra lateral, etc. El plugin de tooltips de WordPress admite la adición de efectos de tooltip en cualquier elemento de las publicaciones de WordPress, o se puede mostrar en el menú de WordPress, comentarios, formularios de contacto, productos de WooCommerce, foros bbPress, actividades de BuddyPress, etc., con bonitos efectos y muchos más componentes y complementos asombrosos, por ejemplo, Bullets Screen.
Características Principales de los Plugins de Tooltip de WordPress:
– Integración Fácil: La mayoría de los plugins de tooltip permiten una instalación y configuración sencillas dentro del panel de control de WordPress, sin necesidad de habilidades de programación.
– Tooltips Personalizables: Los usuarios a menudo pueden personalizar la apariencia de los tooltips, incluidos colores, fuentes y animaciones, para que coincidan con el diseño de su sitio.
– Opciones de Contenido: Muchos plugins permiten incluir varios tipos de contenido dentro de los tooltips, como texto, imágenes, videos u HTML.
– Opciones de Disparo: Los tooltips se pueden activar de diferentes maneras, como al pasar el cursor, hacer clic o enfocarse, lo que brinda flexibilidad a los desarrolladores sobre cómo desean que aparezcan.
– Diseño Responsivo: Los buenos plugins de tooltip aseguran que los tooltips sean responsivos y se vean bien en dispositivos móviles y de escritorio.
– Shortcodes y Widgets: Algunos plugins ofrecen shortcodes o widgets, facilitando la adición de tooltips a publicaciones, páginas o áreas de widgets específicas.
Plugins Populares de Tooltip de WordPress:
– WordPress Tooltips: Este plugin te permite crear y gestionar tooltips sin necesidad de codificación. Ofrece una interfaz sencilla para agregar tooltips a diferentes elementos.
– Tooltips Pro: Un plugin más avanzado que proporciona opciones para un estilo personalizado y una variedad de tipos de contenido dentro de los tooltips.
– Easy Tooltips: Este plugin ofrece una solución ligera para agregar tooltips con una configuración mínima. Funciona bien con cualquier tema de WordPress.
– WPHelp: Además de la funcionalidad básica de tooltip, este plugin incluye características para crear un centro de ayuda o secciones de preguntas frecuentes.
Casos de Uso:
– Campos de Formularios: Proporcionar pistas sobre qué información se requiere en los campos de entrada.
– Infografías: Ofrecer detalles adicionales o explicaciones sobre elementos específicos en gráficos o diagramas.
– Términos del Glosario: Mostrar definiciones o explicaciones de términos técnicos cuando los usuarios pasan el cursor sobre palabras específicas.
– Tooltips para Cualquier Cosa
– Tooltips de Producto de WooCommerce
– Tooltips de AI (Crear automáticamente Tooltips y Publicaciones en WordPress)
– Tooltips de ACF
– Escritor de Contenido AI
– Tooltip GIF para WordPress
– Tooltip de Comentarios de WordPress
– Efecto de Tooltips en Pantalla de Puntos para WordPress
– Tooltips en el Título de la Publicación
– Tooltips para Tabla de Precios
– Demo de Tooltip de WordPress para Formulario de Contacto
– Demo de shortcode de tooltips de WordPress
– Tooltip de WordPress para Formularios (agregar tooltip para cada elemento de formulario)
– Tooltip de Código QR
– Demo de Sweet Tooltip
– Demo de Tooltip de Video de WordPress
– Tooltip multimedia (video | audio | imagen) para una imagen
– Tooltips de WordPress para Tabla
– Tooltips de WordPress en etiquetas de publicaciones
– Tooltips de WordPress para Botón
– Página de Índice de Glosario
– Demo de Tooltips de Audio de WordPress
– Demo de Lista de Tooltips de WordPress
– Demo de Tooltip de Iconos SVG
– Demo de Tooltip de Wikipedia
– Demo de shortcode de tooltip de video
– Demo de shortcode de tooltip de audio
…

Conclusión:

WordPress Tooltip Pro es un plugin de tooltips para WordPress, diseñado para ayudarte a crear estilos de tooltip coloridos, variados y elegantes para presentar contenido a tus usuarios, con efectos de animación vivos y elegantes, y optimizar el valioso espacio en pantalla.
Cuando los usuarios pasan el cursor sobre un elemento, aparecerá una caja de tooltip colorida con un efecto de animación. Puedes agregar video, audio, imagen e incluso otro contenido generado por terceros plugins de WordPress como códigos QR, anuncios de Amazon, o Google Map, en la caja de tooltip a través del editor estándar de WordPress; es muy fácil de usar.

Complementos de WordPress Tooltips Pro Plus 20
11. Habilita los mensajes emergentes para el complemento de Polylang: en el panel de “Configuración de complementos de Tooltips”, verás una selección de 20 diferentes complementos de mensajes emergentes de WordPress. Encuentra el complemento “Habilitar Tooltips para el complemento Polylang”, actívalo y haz clic en el botón “Actualizar ahora”.
12. Agrega nuevos mensajes emergentes: regresa al menú de Tooltips, haz clic nuevamente en el menú “Agregar nuevo”. Crea nuevos términos de mensajes emergentes, por ejemplo, crea un mensaje emergente en el editor de mensajes emergentes de WordPress: “Viva la paz”.

 

Crear mensajes emergentes multilingües en el editor de mensajes emergentes de WordPress — Viva la paz
Como puedes ver en la captura de pantalla, hay un cuadro de metadatos “Idioma” a la derecha del editor de mensajes emergentes, aquí puedes seleccionar el idioma deseado para los mensajes emergentes que estás a punto de crear (por ejemplo, alemán, español). Simplemente escribe el contenido de tu mensaje emergente de WordPress (título, cuerpo, etc.) en el idioma seleccionado y luego publícalo.
13. Agrega mensajes emergentes multilingües, después de guardar la publicación, busca una sección etiquetada como “Idiomas” nuevamente el cuadro de metadatos “Idioma”. Deberías ver una lista de los idiomas que has configurado. Habrá opciones para agregar traducciones para tu publicación. Luego haz clic en el signo “+” junto al idioma al que deseas traducir el mensaje emergente, por ejemplo, para agregar una traducción al alemán: Deutsch Beispiele.

Crear mensajes emergentes multilingües en el editor de mensajes emergentes de WordPress — Viva la paz en alemán
Y luego agrega una versión en francés: Viva la paix.

 

Crear mensajes emergentes multilingües en el editor de mensajes emergentes de WordPress — Viva la paz en francés
14. Luego crea una publicación en WordPress en alemán/francés, y en la interfaz, verás que el complemento de mensajes emergentes de WordPress mostrará una versión traducida del contenido de tus mensajes emergentes, por ejemplo, la versión en inglés: Viva la paz en el front-end.

Ejemplos de mensajes emergentes multilingües en inglés
Mensaje emergente en alemán: Deutsch Beispiele en el front-end

Exemples en français – mydev
Además, el complemento WordPress Tooltips Pro Plus es compatible con el editor Gutenberg de WordPress:
WordPress Tooltips Pro Plus soporta Gutenberg

 

Conclusión:
El complemento de glosario de mensajes emergentes de WordPress es una herramienta poderosa para mejorar la experiencia del usuario al proporcionar información contextual de manera fluida. Al utilizar estos complementos, los propietarios de sitios web pueden simplificar la información compleja, disminuir la confusión y mejorar la usabilidad general del sitio.
Con el lanzamiento de la versión 31.6.8 de WordPress Tooltips Pro, el complemento ahora ofrece soporte completo para el complemento multilingüe Polylang. Esta integración permite a los usuarios crear mensajes emergentes multilingües para términos en el backend y mostrar contenido en varios idiomas en el front-end, adaptado al idioma seleccionado.