Cómo agregar texto de marcador de posición a un campo de formulario

¿Le gustaría agregar texto de marcador de posición a los campos de sus formularios? El texto del marcador de posición puede ayudar a guiar a sus usuarios, ya sea proporcionando instrucciones o mostrando un formato de ejemplo. En este tutorial, le mostraremos cómo agregar texto de marcador de posición a un campo en WPForms.


¿Por qué utilizar texto de marcador de posición?

El texto de marcador de posición se usa con mayor frecuencia para proporcionar una guía simple al usuario, pero en algunos casos también puede ayudar a lograr los objetivos de diseño. El texto de marcador de posición puede ser especialmente útil porque, aunque aparece dentro de un campo, el campo se considerará vacío hasta que el usuario agregue su propio texto.

A continuación, cubriremos las razones más populares para usar texto de marcador de posición.

Mostrar entrada de ejemplo de usuarios

En la mayoría de los casos, el texto de marcador de posición se utiliza para mostrar una entrada de ejemplo a los usuarios. Incluso cuando la entrada pueda parecerle obvia, esta es una forma de hacer que el proceso de completar el formulario sea aún más fácil para un usuario.

Por ejemplo, a menudo verá sitios que utilizan texto de marcador de posición para demostrar el formato esperado para un campo de teléfono.

Ocultar etiquetas de campo

Una de las formas más fáciles de hacer que un formulario parezca más compacto es ocultar las etiquetas de los campos. Sin embargo, las etiquetas de campo (el texto que dice “Nombre”, “Correo electrónico”, “Mensaje”, etc.) proporcionan una instrucción realmente valiosa para sus visitantes. En muchos casos, es la única forma en que un usuario sabrá qué poner en cada campo.

Sin embargo, puede evitar esto agregando el texto de la etiqueta a un marcador de posición.

Por ejemplo, en lugar de mostrar la etiqueta de un campo de nombre, así como las subetiquetas “Nombre” y “Apellido”, puede ocultarlas todas y agregar el texto de la etiqueta a los marcadores de posición de cada subcampo.

Agregue texto de marcador de posición para el campo Nombre y oculte etiquetas

Solicitar a los usuarios que seleccionen una opción de campo desplegable

Cuando configura por primera vez un campo desplegable, la primera opción se seleccionará de forma predeterminada.

El campo desplegable predeterminado muestra la selección de primera opción

Si prefiere que este campo permanezca vacío hasta que el usuario seleccione una opción, deberá utilizar texto de marcador de posición.

Ejemplo de texto de marcador de posición para un campo desplegable

¡Así que agreguemos adelante y agreguemos un texto de marcador de posición! Antes de comenzar, asegúrese de crear un nuevo formulario o editar un formulario existente.

Agregar texto de marcador de posición a los campos de entrada

Los campos de entrada, como los campos Nombre, Correo electrónico o Texto de una sola línea, son un excelente lugar para agregar texto de marcador de posición porque probablemente desee que el usuario escriba información bastante específica.

Para nuestro ejemplo, agregaremos texto de marcador de posición a un campo de correo electrónico.

Primero, deberá agregar el campo a su formulario.

Agregar campo de correo electrónico al formulario

Luego haga clic en el campo para abrir su panel de Opciones de campo. Desde aquí, deberá hacer clic en el Opciones avanzadas sección para abrirlo. Esto mostrará opciones adicionales, incluida una Texto del marcador campo.

Simplemente agregue el texto que desea mostrar, ¡y listo!

Agregar texto de marcador de posición al campo de correo electrónico

El texto del marcador de posición es muy útil en los campos desplegables, ya que requiere que el usuario seleccione su propia respuesta (no se seleccionará ninguna opción de forma predeterminada).

Para configurar esto, deberá agregar un campo desplegable a su formulario.

Agregar campo desplegable al formulario

Luego haga clic en el campo desplegable para abrir sus Opciones de campo. Dentro de las Opciones de campo, deberá abrir el Opciones avanzadas sección. Aquí, puede agregar el Texto del marcador.

Agregar texto de marcador de posición al campo desplegable

¡Eso es! Ahora puede agregar texto de marcador de posición a los campos de su formulario.

A continuación, ¿le gustaría aprender más formas de guiar a sus usuarios con texto instructivo? Asegúrate de revisar nuestra guía para agregar descripciones y texto que no se ingresa por todas las formas de lograr esto.

Deja un comentario