¿Necesita que las personas seleccionen fechas al completar formularios en su sitio web?

Tal vez quiera saber cuándo es un buen momento para llamarlos, o tal vez quiera recopilar información como fechas de nacimiento. Aquí es donde los campos del selector de fecha pueden ayudar.

En este artículo, le mostraremos cómo crear un formulario de WordPress con un selector de fechas.

Agregar selector de fecha al formulario de WordPress

Crear un formulario de WordPress con un selector de fecha

Para este tutorial, usaremos WPForms. Es uno de los mejores complementos de formularios de contacto que existen y puede usarlo para todo tipo de formularios diferentes.

Debe instalar y activar el complemento WPForms en su sitio. Si no está seguro de cómo hacerlo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Después de activar el complemento, vaya a WPForms » Agregar nuevo en tu panel de WordPress.

Crear un nuevo formulario con WPForms

Aparecerá el constructor WPForms. Primero, ingrese un nombre para el formulario. Luego, pasa el cursor sobre la plantilla y haz clic en el botón para seleccionarla. Usaremos una plantilla de formulario de contacto simple.

Elija una plantilla de formulario de contacto simple para comenzar a crear su formulario

WPForms utilizará la plantilla para crear automáticamente un formulario para usted. Este es el formulario de contacto simple predeterminado.

Formulario de contacto predeterminado creado por WPForms

Ahora puede editar el formulario como desee.

Agreguemos el campo selector de fecha.

En el generador de formularios, verá todos los campos que se pueden agregar al formulario en la columna de la derecha. Desplácese hacia abajo hasta la sección Campos elegantes y verá los campos Fecha/Hora.

Campos de fecha/hora en la sección de campos elegantes

Arrastre y suelte el campo en la ubicación deseada en el formulario. Lo ponemos debajo del campo de correo electrónico en el formulario.

Campos de fecha/hora agregados al formulario

A continuación, haga clic en el campo para editarlo. Esto abrirá la pestaña Opciones de campo en el lado izquierdo de la pantalla.

Puede cambiar la etiqueta del campo, el valor predeterminado es «Fecha/Hora». Usaremos «Hora telefónica preferida» en nuestro campo.

También puede usar el menú desplegable Formato para cambiar el formato del campo. Por ejemplo, es posible que solo desee utilizar una fecha y no una hora, como un campo de fecha de nacimiento.

También puede marcar la casilla Obligatorio si desea convertirlo en un campo obligatorio. Esto significa que el usuario debe seleccionar una fecha y hora antes de enviar el formulario.

Edite los campos de fecha/hora para cambiar las opciones

También puede agregar cualquier otro campo nuevo que desee utilizar. Simplemente haga clic en la pestaña «Agregar campo» y arrastre y suelte los campos en su campo. Para editar un campo, simplemente haga clic en él.

Establezca opciones avanzadas para su selector de fechas

De forma predeterminada, el selector de fecha en el formulario será un calendario con un menú desplegable de tiempo al lado. Los usuarios pueden seleccionar un día simplemente haciendo clic en él.

Selector de fecha predeterminado (estilo de calendario)

El menú desplegable de la hora tiene por defecto un reloj de 12 horas con intervalos de 30 minutos, de la siguiente manera:

Selector de tiempo predeterminado (lista desplegable en intervalos de 30 minutos)

Es posible que desee cambiar el funcionamiento del selector de fecha. Esto es fácil de hacer en WPForms. En la pestaña Opciones de campo, desplácese hacia abajo hasta Opciones avanzadas.

A continuación, haga clic en la flecha para abrir la sección.

Opciones avanzadas para ver y cambiar campos de fecha/hora

Aquí puedes hacer muchos cambios. Por ejemplo, es posible que desee cambiar el formato de fecha. El valor predeterminado es mm/dd/aaaa.

Seleccione el formato de fecha de la lista desplegable Opciones de fecha

También puede cambiar del selector de fechas al menú desplegable de fechas si lo desea. En este caso, el usuario selecciona el mes, el día y el año de los cuadros desplegables de la siguiente manera:

Campo desplegable de fecha en el formulario

También puede cambiar el selector de tiempo. El tiempo predeterminado es de 12 horas, pero puede cambiarlo a 24 horas si lo desea. También puede cambiar el intervalo a 15 minutos o 1 hora en lugar de 30 minutos.

Cambiar el intervalo de tiempo del selector de fecha

Una vez que esté satisfecho con el formulario, puede guardarlo haciendo clic en el botón «Guardar» en la esquina superior derecha.

También puede configurar su formulario para que la persona que lo complete obtenga una copia de los detalles que envía.

Esto puede ser útil, por ejemplo, si están programando una llamada contigo. Tendrán un registro de correo electrónico del tiempo aire que reservaron.

Puede hacerlo siguiendo las instrucciones de nuestro tutorial sobre cómo crear un formulario de contacto con varios destinatarios.

Agrega formularios a tu sitio web

Puede agregar el formulario a una página existente (o publicación) en su sitio, o crear uno nuevo.Para crear una nueva página, vaya a página » agregar nuevo en tu panel de WordPress.

Luego, debe agregar un nuevo bloque a su página. Haga clic en (+) para agregar un bloque y seleccione el bloque WPForms. Puede encontrarlo en la sección Widgets o usar la barra de búsqueda para buscarlo.

Agregue bloques de WPForms a sus páginas o publicaciones

A continuación, debe seleccionar su formulario del menú desplegable WPForms de la siguiente manera:

Seleccione el formulario correcto del menú desplegable WPForms

Esto es lo que necesitas hacer. Ahora puede publicar su página y su formulario estará activo en su sitio web. Debe tener un aspecto como este:

El formulario de selector de fecha completado se publica en el sitio web

notas: El estilo del formulario dependerá del tema de WordPress que utilice.

Todos los formularios creados con WPForms son aptos para dispositivos móviles y se pueden usar en cualquier dispositivo móvil. La herramienta de selección de fechas WPForms también es compatible con dispositivos móviles y funciona en todos los tamaños de pantalla.

Vista previa móvil de selectores de fecha en formularios de WordPress

Siempre es una buena idea probar su formulario para asegurarse de que funciona como se espera. Si no recibe correos electrónicos pero está seguro de que la configuración de sus notificaciones es correcta, nuestro artículo sobre cómo arreglar WordPress que no envía correos electrónicos debería serle de ayuda.

Puede cambiar su formulario de las siguientes maneras WPForms » Todos los formulariosLuego simplemente haga clic en el título del formulario o en el enlace Editar debajo del título para editarlo.

Edite formularios que ya ha creado en WPForms

Después de guardar el formulario, se actualizará automáticamente en su sitio web.

Esperamos que este artículo le haya ayudado a aprender cómo crear un formulario de WordPress con un selector de fecha. También puede consultar nuestros artículos sobre cómo detener el spam de formularios de contacto en WordPress y cómo rastrear y reducir el abandono de formularios en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.