Widget de información sobre herramientas de Elementor: agregue sugerencias de desplazamiento en cualquier lugar
El elemento Información sobre herramientas es un widget Elementor independiente. Arrástrelo junto a un campo de formulario, dentro de una tabla de precios o al lado de un término confuso, y generará su propio activador más una burbuja de información sobre herramientas. Si desea adjuntar información sobre herramientas a un botón, ícono o sección que ya existe en la página, use Extensión de información sobre herramientas en cambio.
¿Qué puedes hacer con él?
Control de colocación
Escriba el texto de la información sobre herramientas y luego elija dónde aparece la burbuja: variantes superior, inferior, izquierda, derecha, además de inicio y fin. Ajuste con compensaciones de píxeles X e Y para que la burbuja nunca cubra lo que explica.
- Explique los campos del formulario, los precios o la jerga justo donde surge la pregunta.
- Fije la burbuja con compensaciones para que borre menús, encabezados adhesivos y botones cercanos.
- Guíe a los usuarios a través de formularios de varios pasos con breves sugerencias contextuales.
Estilo: estados normales y flotantes
Diseñe el gatillo y la burbuja por separado. Establezca el fondo, el color del texto, la tipografía, el relleno, el radio del borde, los bordes y la sombra del cuadro. Cada propiedad tiene controles independientes para los estados normal y flotante.
- Haga coincidir los colores de la marca exactamente en lugar de vivir con los valores predeterminados del navegador gris.
- Haga que las sugerencias sean sutiles (contorno de fantasma) o ruidosas (píldora sólida con sombra) según el contexto.
- Estilee los comentarios flotantes para que los usuarios sepan que el elemento es interactivo.
Activador y animación
Active el desplazamiento para obtener sugerencias rápidas o haga clic para ver notas persistentes, lo que funciona mejor en las pantallas táctiles. Agregue animación de entrada, duración del control y retraso de ocultación para que la información sobre herramientas se sienta fluida en lugar de discordante.
- Pase el cursor para microcopias de escritorio; haga clic para obtener sugerencias persistentes compatibles con dispositivos móviles.
- Una entrada sutil de desvanecimiento o escala llama la atención sin molestar al usuario.
- El retardo de ocultación evita que la información sobre herramientas parpadee cuando pasa el cursor.
Elemento o Extensión: ¿cuál necesitas?
Esta página (Elemento de punta de herramienta): necesitas una nueva pista en la página. Trae su propio texto o icono de activación.
Extensión Tooltips: ya tiene un botón, imagen o encabezado y desea que se le adjunte información sobre herramientas, incluido el modo Seguir cursor.
Casos de uso comunes
- Formularios: “La contraseña necesita más de 12 caracteres” junto a la entrada, sin alargar el formulario.
- Tablas de precios: define “por asiento” vs “por espacio de trabajo” en línea.
- Botones: aclara lo que sucede después del clic (“No se requiere tarjeta”).
- Equipo/listados: rol, fragmento de biografía o acceso directo de contacto al pasar el cursor.
- Incorporación: instrucciones breves junto a nuevas funciones o widgets del panel.
¿Cómo agregarlo?
- Suelta el widget. En Elementor, busque “Consejo de herramienta” en Complementos maestros y arrástrelo a donde pertenece la pista.
- Escribir y colocar. Ingrese el texto de información sobre herramientas, configure el activador (pase el cursor o haga clic), seleccione ubicación y compensaciones.
- Estilo. En la pestaña Estilo, diseño Normal y Hover estados: colores, tipografía, radio, sombra. Publicar.
Preguntas frecuentes sobre información sobre herramientas
¿para qué sirve el elemento Información sobre herramientas?
Agregar contexto breve y útil sin saturar el diseño: explicaciones de campo, definiciones de términos, aclaraciones de botones, instrucciones en línea. Cualquier cosa no esencial que ayude cuando se solicite.
¿en qué se diferencia esto de la extensión Tooltips?
El elemento es un widget independiente con su propio disparador. El extensión adjunta una información sobre herramientas a cualquier widget, sección o contenedor existente y agrega el modo Seguir cursor. Necesita un nuevo punto de sugerencia: use el elemento. Necesita información sobre herramientas sobre cosas que ya están en la página: use la extensión.
¿puedo diseñar estados normales y flotantes por separado?
Sí. La pestaña Estilo tiene controles independientes Normal y Flover para fondo, texto, bordes, radio y sombra.
¿Cómo controlo dónde aparece la burbuja?
Utilice ajustes preestablecidos de ubicación (arriba, abajo, izquierda, derecha, además de las variantes inicial y final), luego presione con los desplazamientos X e Y en píxeles.
Pase el cursor o haga clic: ¿qué disparador debo utilizar?
Pase el cursor para obtener sugerencias rápidas sobre el escritorio; Haga clic para ver cualquier cosa que deba funcionar en pantallas táctiles, ya que el desplazamiento no existe en el móvil.
¿ralentizará mi sitio?
No. Solo carga su propio CSS y JS pequeños cuando está presente en la página. Un puñado de información sobre herramientas por página no tiene ningún impacto notable.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
