Extensión de información sobre herramientas de Elementor: agregue información sobre herramientas a cualquier cosa

Elija cualquier botón, ícono, imagen o sección de la página, escriba un mensaje y adjunte información sobre herramientas. Sin widgets adicionales, sin desorden de páginas.

Información sobre herramientas es una extensión profesional. Agrega un panel de información sobre herramientas a cada widget, contenedor, columna y sección de Elementor. Seleccione algo que ya esté en su página, escriba el mensaje, elija una ubicación y diseñe para que coincida con su sitio. Si desea una nueva pista en un lugar vacío, utilice el modo independiente Widget de información sobre herramientas, que viene con el complemento gratuito.

Qué puedes hacer con la extensión Tooltips

Posicionamiento inteligente y comportamiento interactivo

Posicionamiento y comportamiento interactivo

Coloque la burbuja arriba, abajo, izquierda o derecha de cualquier elemento. Activar al pasar el cursor o hacer clic. Agregue animación de entrada (atenuación, escala), duración y retraso de ocultación. O habilite Follow Cursor para que la información sobre herramientas viaje con el mouse, lo que funciona bien para mapas, gráficos y diagramas.

  • Fije la información sobre herramientas a cualquier lado para que nunca cubran el contenido que explican.
  • Follow Cursor convierte imágenes y diagramas en superficies etiquetadas y explorables.
  • Los controles de animación y sincronización hacen que cada información sobre herramientas se sienta nativa de la interfaz.

Personalización visual

Reemplace los valores predeterminados del navegador con información sobre herramientas que usted mismo diseñe: texto y colores de fondo, relleno, bordes, radio del borde, estilo y color de flecha, sombra de cuadro y control total de tipografía.

  • Colores de marca exactos para fondo, texto y flecha.
  • Bordes, radios y sombras que coinciden con el resto de su sistema de diseño.
  • Controles de familia de fuentes, tamaño y peso para microcopia legible.
Personalización visual completa
Agregue información sobre herramientas en cualquier lugar

Información sobre herramientas sobre cualquier elemento, con contenido dinámico

Funciona en botones, íconos, imágenes, encabezados, contenedores, columnas, secciones y cualquier otra cosa que pueda seleccionar en el editor. El campo de texto de información sobre herramientas acepta etiquetas dinámicas de Elementor, por lo que una pista puede extraer datos en vivo, como un precio o una fecha de publicación.

  • Encienda la extensión una vez y cada elemento obtendrá un panel de información sobre herramientas. Nunca agregas un widget separado para cada sugerencia.
  • Cada elemento mantiene su propia información sobre herramientas, por lo que tres cartas seguidas pueden decir algo diferente.
  • Las etiquetas dinámicas mantienen las sugerencias actualizadas, por ejemplo, detalles del producto en vivo.

Extensión o Elemento: ¿cuál necesitas?

Esta página (Extensión Tooltips, Pro): el contenido ya existe y desea adjuntarle una pista. Funciona en cualquier widget, columna, sección o contenedor.

Elemento de información sobre herramientas (gratis): necesita una nueva pista en la página y el widget proporciona su propio texto, icono o imagen de activación.

Casos de uso comunes

  • Icone și buttoni: explique qué hace un botón de solo icono antes de hacer clic.
  • Imagini și diagramă: Siga las etiquetas de Cursor en mapas, planos de planta y dibujos técnicos.
  • Títulos y términos: defina jerga en línea sin notas a pie de página.
  • Secciones: Insignias beta o “nuevas” y sugerencias de funciones en bloques enteros.
  • WooCommerce: notas de envío, stock o variantes adjuntas al botón de compra.
Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Información sobre herramientas
Información sobre herramientas

Cómo agregar información sobre herramientas a cualquier widget de Elementor

  • Selecciona cualquier cosa. Haga clic en un widget, columna, contenedor o sección en Elementor y abra su pestaña Avanzado para encontrar la sección Información sobre herramientas.
  • Escribe y coloca. Ingrese el mensaje, luego configure la ubicación, active (pase el cursor, haga clic o personal), la animación, la duración y siga a Cursor si lo necesita.
  • Estilo. Establezca colores, tipografía, relleno, radio, flecha y sombra, luego actualice la página.
  • Para obtener un tutorial con capturas de pantalla, lea cómo agregar información sobre herramientas en Elementor.

Preguntas frecuentes sobre información sobre herramientas

Conozca las consultas más solicitadas que tienen los usuarios sobre Tooltips y encuentre respuestas en un solo lugar.
¿en qué se diferencia esto del widget Tooltip?

Ambos tienen ajustes preestablecidos de ubicación, activadores de desplazamiento o clic, animaciones y Follow Cursor. La diferencia es dónde vive la información sobre herramientas. La extensión adjunta uno al contenido que ya está en su página y necesita Pro. El Elemento de información sobre herramientas es un widget independiente gratuito con su propio texto, icono o imagen de activación. Botón, icono o sección existente: utilice la extensión. Punto vacío que necesita una pista: utilice el elemento.

El desplazamiento no existe en las pantallas táctiles, por lo que un toque actúa como disparador y un segundo toque en otro lugar descarta la burbuja. Mantenga breve el texto de información sobre herramientas móviles y prefiera el activador de clic para obtener sugerencias críticas.

El texto de información sobre herramientas está en HTML, por lo que se puede rastrear. Pero nunca coloque información esencial sólo dentro de la información sobre herramientas, ya que algunos flujos de lectores de pantalla y teclados pueden pasarla por alto. Utilice información sobre herramientas para obtener ayuda adicional y pruebe con herramientas de accesibilidad.

 

¿muchas información sobre herramientas ralentizarán mi página?

Cada información sobre herramientas agrega una pequeña cantidad de HTML y CSS. El uso típico, alrededor de 5 a 10 por página, no tiene ningún impacto notable. Se pueden acumular docenas de información sobre herramientas animada pesada en una página, así que manténgalas concisas.

 

Imágenes explorables: mapas, puntos de acceso de productos, gráficos, diagramas técnicos. La burbuja sigue el puntero para que cada área debajo del cursor obtenga su propia explicación en vivo.

Sí. Combínelo con etiquetas dinámicas para inyectar datos en vivo como precios, nombres o fechas para que las sugerencias se mantengan actualizadas sin ediciones manuales.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles