¡ACTUALIZADO!Cómo agregar consejos de herramientas en WordPress (de la manera fácil)

¿Le gustaría agregar consejos de herramientas al formulario? Los consejos de herramientas son cajas pequeñas que aparecen cuando pasa en un área en su sitio web de WordPress y son excelentes para agregar información adicional sobre un campo sin abarrotar las cosas. En esta publicación, le mostraremos cómo agregar ToolTip a WordPress. ¿Qué es una información sobre herramientas en WordPress? Los consejos de herramientas son sugerencias, términos de glosario o mensajes que aparecen cuando su visitante pasa o toca (en dispositivos móviles) un elemento en su sitio de WordPress. Y en sus formularios de WordPress, se pueden usar consejos para herramientas para agregar información adicional sobre un campo en particular.
Por ejemplo, eche un vistazo a la captura de pantalla a continuación.

WPFFORMS le permite agregar fácilmente una descripción para cada campo del generador de formulación. A diferencia de una descripción de campo típica, el consejo de la herramienta está oculto de forma predeterminada. Solo aparece cuando su usuario desea obtener más detalles sobre un campo en particular, superando la descripción del campo.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Agregar una información sobre herramientas es una excelente idea si desea proporcionar más detalles sobre un campo en particular sin crear distracciones innecesarias en el formulario.
Ahora que sabe qué es un consejo de instrumento, siga leyendo para averiguar cómo agregarlos en su sitio instalando un toltip de WordPress sin complemento, es posible instalar una información sobre herramientas de WordPress sin un complemento. Sin embargo, si no desea utilizar un complemento de información sobre herramientas para agregar fácilmente una información sobre herramientas a su sitio de WordPress, deberá ser un usuario avanzado y usar HTML o jquey (o contratar a un desarrollador para que haga esto por usted). Afortunadamente, puede ahorrar tiempo y dinero utilizando un complemento de información sobre herramientas. Para los usuarios de WPFORMS, recomendamos los códigos cortos de complemento gratuitos Ultimate. Este complemento de WordPress extremadamente útil y gratuito le dará más de 50 códigos cortos para usar para agregar fácilmente varias funciones a su sitio, incluido el código de información sobre herramientas cortos. A continuación, le mostraremos exactamente cómo agregar este complemento para los consejos de herramientas de WordPress. Cómo agregar información sobre herramientas en WordPress para echar un vistazo a la guía paso a paso sobre cómo agregar información sobre herramientas en WordPress: Paso 1. Cree una forma de WordPress Lo primero que debe hacer es instalar y activar WPFFORMS en el sitio si usted Necesita ayuda, consulte esta guía sobre cómo instalar un complemento de WordPress.
Entonces necesitará crear una forma simple en WordPress.
Gran trabajo que crea tu forma. Volveremos a él en un paso posterior. Paso 2. Instale los códigos cortos Ultimate Plugin Luego, haga clic aquí para acceder a WordPress y descargue los códigos cortos gratuitos Ultimate.

O si ya está en el tablero de WordPress, haga clic en complementos »Agregarnos, busque en los códigos cortos Ultimate y haga clic en la instalación ahora. Una vez que se activa el complemento, está listo para comenzar a usarlo. Paso 3: Obtenga los consejos de consejos de herramienta cortos ahora, encuentre los códigos cortos del complemento Ultimate en el lado izquierdo de la placa de WordPress y haga clic en los códigos cortos disponibles. Desplácese esa página y seleccione el botón de información sobre herramientas.

En la página siguiente, resalte y copie el código corto:

Paso 4: Agregue el consejo de la herramienta a su formulario ahora que tiene el código de información de herramientas corta, es hora de agregarlo al formulario de contacto simple. Regrese a su formulario haciendo clic en WPFFORMS »todos los formularios y luego seleccionando Editar en el formulario al que desea agregar ToolTiP.

Después de acceder al formulario, haga clic en el campo donde desea agregar el consejo de la herramienta e inserte el código de descarga corto en el cuadro Descripción.

Una vez que haya guardado el formulario y verlo desde Frantend, mostrará información sobre herramientas:

Paso 5: Personalice el consejo de la herramienta También puede cambiar el código para mostrar su propio texto. Aquí hay un ejemplo con los cambios realizados con Bold: [su_tooltip position = “top” shadow = “no” redondeado = “no” size = “predeterminado” title = “” content = “Esta es la zona de contenido que se mostrará en ¡La información sobre herramientas de globo después del usuario pasa sobre él! “Behavior =” Hover “Close =” No “class =” “] ¡Este es el texto que siempre se mostrará y mostrará el contenido de información sobre herramientas cuando esté arriba! [/ su_tooltip]

También puede cambiar muchas opciones diferentes en la configuración de información sobre herramientas que puede encontrar ejecutando en la parte inferior de la página de códigos cortos de los códigos cortos, como: estilo + colores

Posición

Talla
Comportamiento
Y otra
El siguiente paso es opcional, pero hará que la información sobre herramientas se vea aún más personalizada y mantendrá sus formularios aún más limpios y sin distracciones. Paso 5: Convierta su consejo en un icono a menos que especifique e invite a las personas a pasar por encima de Toltip en el código de información de herramientas corta, ¡sus visitantes no se dan cuenta de que hay contenido adicional que espera que se muestre en esa información sobre herramientas! Una excelente manera de asegurarse de que los lectores colocados sobre la información sobre herramientas es hacer que ToolTip sea un icono en lugar de usar solo texto.
Por ejemplo, muchas personas agregan un icono de información “I” y cuando el usuario pasa sobre ese icono, se muestra ToolTip. ¿Qué tan brillante es eso?
Para hacer esto, primero, descargue y active el complemento Free Better Font Awesome. Si se saltó directamente a esta parte de la publicación, aquí hay un enlace a cómo instalar un complemento de WordPress si lo necesita.
Una vez que se active el complemento, tendrá acceso a más de 1,000 iconos gratuitos que puede usar en cualquier lugar de su sitio web de WordPress con un código corto simple. Ahora, sigamos y agregemos el código de información corto en nuestro consejo.
Estamos a punto de ingresar el código corto de un complemento en el código corto de otro complemento. Pero no te preocupes, ¡ambos trabajarán! Regrese al cuadro Descripción del formulario del formulario que contiene el consejo de la herramienta y simplemente reemplace el texto que se muestra en la breve descripción del instrumento con este código corto: [icon name = “info”] Debe reemplazar con el código corto anterior es Destacado a continuación: Así es como el código debe atender después de haber agregado el código corto del icono:

Alternativamente, solo puede copiar e insertar el código corto a continuación en el cuadro Descripción y cambiarlo según lo desee.

[Su_ToolTip Position = “Top” Shadow = “No” Rounded = “No” size = “Default” title = “” content = “ToolTip Text” comportamiento = “Hover” Close = “No” class = “”] [El nombre del icon = “info”] [/ su_tooltip] Luego, guíe el formulario y verifíquelo en el frente y para ver el icono de información sobre herramientas.