Tooltips for WpForms

La ayuda de tu formulario acaba donde dejaste de escribirla

Un campo como «Referencia de contrato» o «Código de ciclo» deja dudas, y quien las tiene puede cerrar la pestaña en lugar de escribirte. Pones una pista en dos campos, el formulario crece, y los demás se quedan sin nada.

Un tooltip solo aparece junto a las etiquetas que tienen un texto definido, así que la ayuda real de tu formulario depende de cuántos campos llegaste a completar.

Tooltips for WPForms es un complemento de Styler for WPForms que añade tooltips a las etiquetas de los campos de WPForms. Detecta automáticamente las etiquetas compatibles y muestra el icono de ayuda solo en las que tienen un tooltip definido. Puedes elegir el icono, su tamaño, el espacio respecto a la etiqueta, el tema del cuadro, su ancho, la animación y hacia dónde se abre.

Qué controla este complemento

• Detección automática: encuentra las etiquetas de campo compatibles.
• Icono condicional: solo se añade a las etiquetas con tooltip definido.
• Icono a elegir: una colección de iconos de tooltip, con tamaño ajustable.
• Separación: espacio entre la etiqueta del campo y el icono.
• Temas: uno de los temas prediseñados o uno propio con los controles integrados.
• Ancho del texto: el contenedor del texto del tooltip tiene ancho configurable.
• Animación: eliges el tipo de animación con que aparece.
• Posición: el tooltip se alinea a la izquierda, derecha, arriba o abajo del icono.
• Adaptable y con vista previa: es totalmente responsive y muestra en vivo los cambios.

Revisar una pista en un formulario de solicitud

Supón un formulario de solicitud con diez campos, de los que cuatro suelen generar preguntas. Una forma de usarlo es definir tooltip solo en esos cuatro y dejar los otros sin él, ya que el icono no aparece donde no hay texto. Es una combinación propia, así que pruébala con alguien que no conozca el formulario antes de publicarla.

1. Anota qué campos generan preguntas en tu soporte o en tus correos.
2. Escribe una explicación breve para cada uno.
3. Elige un icono y un tema que se distingan del resto de la página.
4. Abre el formulario en el móvil y comprueba que el cuadro se lee entero.

Qué necesita y qué queda fuera

• Es un complemento de Styler for WPForms, así que necesita ese plugin además de WPForms.
• Actúa sobre las etiquetas de los campos: la ayuda se muestra junto a la etiqueta.
• El icono solo aparece donde hay un tooltip definido, por lo que los campos sin texto no lo muestran.

Cómo añadir los primeros tooltips

Antes de nada necesitas WPForms y Styler for WPForms activos en el sitio. Después, el flujo es corto.

1. Instala y activa el complemento junto a Styler for WPForms.
2. Decide qué campos necesitan explicación y define el tooltip de cada uno.
3. Elige el icono, su tamaño y la separación con la etiqueta.
4. Selecciona un tema prediseñado o crea el tuyo con los controles integrados.
5. Ajusta ancho, animación y posición, y revisa la vista previa antes de publicar.

Alternativas para explicar los campos

La opción más simple es escribir la ayuda como descripción visible bajo el campo, sin ningún complemento: no oculta nada, aunque ocupa más espacio. Para otro constructor del catálogo existe Gravity Forms Tooltips, que es un producto distinto para Gravity Forms.

Preguntas sobre Tooltips for WPForms

¿Aparece el icono en todos los campos?

No. Solo se añade a las etiquetas que tienen un tooltip definido.

¿Puedo crear mi propio estilo?

Sí, puedes usar un tema prediseñado o crear el tuyo con los controles integrados, incluidos colores, fuentes, posición y animaciones.

¿Se adapta al móvil?

Es totalmente responsive. Aun así, abre tu formulario en un teléfono para comprobar que cada texto se lee entero.

¿Necesito otro plugin además de WPForms?

Sí: es un complemento de Styler for WPForms, de modo que ese plugin forma parte de los requisitos.