¿Quiere añadir valores predeterminados a los campos de sus formularios? Tener campos ya rellenados o preseleccionados con la opción correspondiente puede facilitar a los usuarios la cumplimentación de su formulario.
Este tutorial le mostrará cómo establecer valores por defecto para los campos de formulario en WPForms.
En este artículo
Para empezar, asegúrese de tener WPForms instalado y activado en su sitio. A continuación, tendrá que crear un nuevo formulario o editar uno existente.
Establecer valores por defecto para los campos de entrada
Puede añadir texto por defecto a los siguientes campos de entrada:
- Texto de una línea
- Texto del párrafo
- Números
- Nombre
- Correo electrónico
- Teléfono (licencia básica o superior)
- Dirección (Licencia básica o superior)
- Sitio web/URL (licencia básica o superior)
- Contraseña (licencia básica o superior)
- Campo oculto (licencia básica o superior)
Para empezar, añada cualquiera de los campos anteriores a su formulario. A continuación, haz clic en el campo para acceder a sus opciones. A continuación, abra la pestaña Avanzado y busque el campo Valor predeterminado.
En el campo Valor predeterminado, puede añadir texto o etiquetas inteligentes para rellenar previamente el campo del formulario.
Añadir un valor por defecto mediante texto
Puede añadir un valor por defecto escribiendo el texto directamente en el campo Valor por defecto. En nuestro ejemplo, añadiremos "Consulta general" como valor predeterminado para el campo Asunto de nuestro formulario de contacto.
Cuando se publique en su sitio, este campo se rellenará previamente con el texto que haya añadido exactamente como lo introdujo en las opciones de campo.
Añadir un valor por defecto mediante una etiqueta inteligente
Una etiqueta inteligente es un fragmento de código que puede utilizar para introducir información específica en el formulario, como datos de la página o del usuario.
En este ejemplo, configuraremos el valor predeterminado de un campo oculto mediante una etiqueta inteligente. Un campo oculto no es visible para los usuarios en el frontend, por lo que resulta útil para recopilar información de entrada adicional en segundo plano.
Encima del campo Valor por Defecto, haga clic en Mostrar Etiquetas Inteligentes para mostrar una lista de las Etiquetas Inteligentes disponibles en WPForms.
Para nuestro ejemplo, queremos saber el título de la página en la que está incrustado el formulario. Para ello, desplácese por la lista de etiquetas inteligentes y haga clic en Título de la página o entrada incrustada. Se añadirá la etiqueta inteligente correspondiente {page_title} en el campo Valor por defecto.
Una vez enviado el formulario, podremos ver el título de la página en las entradas del formulario y en las notificaciones.
Nota: Para ver la lista completa de nuestras Smart Tags disponibles con más detalles y ejemplos, por favor vea nuestro tutorial sobre cómo usar Smart Tags en WPForms.
Uso de valores por defecto con campos de opción múltiple, casillas de verificación y desplegables
Puede configurar campos de Opción múltiple, Casillas de verificación o Desplegables para que tengan opciones preseleccionadas cuando se publiquen en su sitio. El campo Casillas de verificación permite establecer uno o varios valores predeterminados, mientras que los campos Opción múltiple y Desplegable permiten establecer un único valor predeterminado.
En este ejemplo, añadiremos un campo Casillas de verificación a un formulario de suscripción para que los usuarios puedan elegir a qué boletines de correo electrónico desean suscribirse. Para abrir el panel Opciones de campo, haz clic en el campo en el área de vista previa del generador de formularios.
A continuación, preseleccionaremos las opciones de este campo haciendo clic en las casillas de verificación situadas junto a cada una de las opciones.
Cuando se publiquen en el frontend, estas opciones estarán seleccionadas por defecto. Los usuarios podrán anular la selección haciendo clic en las casillas de verificación.
Añadir un valor por defecto a un campo deslizante numérico
Puede añadir un valor predeterminado a sus campos de deslizador numérico para fijar el selector en un punto específico de la escala.
Antes de establecer el valor predeterminado de su deslizador numérico, asegúrese de configurar su rango en el panel Opciones de campo.
A continuación, haz clic en la pestaña Avanzado y establece el valor por defecto. Debe ser un número que esté dentro del rango que has establecido.
En el frontend, el selector se fijará en el número que hayas especificado hasta que un usuario lo mueva.
Ya está. Ahora ya sabe cómo establecer valores por defecto para sus campos de formulario.
A continuación, ¿quieres exigir un formato de entrada específico para un campo de formulario? Echa un vistazo a nuestro tutorial sobre cómo utilizar máscaras de entrada personalizadas para establecer reglas para los valores que los usuarios pueden introducir en un campo.