¿Necesita que las personas elijan una fecha cuando completen un formulario en su sitio web?
Quizás desee saber un buen momento para llamarlos, o quizás desee recopilar información como la fecha de nacimiento, etc. Ahí es donde un campo selector de fecha puede ayudar.
En este artículo, le mostraremos cómo crear un formulario de WordPress con un selector de fechas.
Crear un formulario de WordPress con un selector de fechas
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.
Deberá instalar y activar el complemento WPForms en su sitio. Si no está seguro de cómo hacerlo, eche un vistazo a nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
Una vez que haya activado el complemento, vaya a WPForms »Agregar nuevo en su panel de WordPress.
Aparecerá el constructor de WPForms. Primero, escriba un nombre para su formulario. Luego, pase el cursor del mouse sobre una plantilla y haga clic en el botón para seleccionarla. Usaremos la plantilla Formulario de contacto simple.
WPForms creará automáticamente un formulario para usted usando esa plantilla. Este es el formulario de contacto simple predeterminado.
Ahora puede editar el formulario de la forma que desee.
Agreguemos el campo selector de fecha.
En el generador de formularios, verá todos los campos que puede agregar a su formulario en la columna de la derecha. Desplácese hacia abajo hasta la sección Campos de lujo y verá el campo Fecha / Hora.
Arrastre y suelte el campo donde lo desee en su formulario. Lo hemos colocado justo debajo del campo Correo electrónico en nuestro 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, que por defecto es ‘Fecha / Hora’. Vamos a utilizar ‘Hora preferida para la llamada telefónica’ para nuestro campo.
También puede cambiar el formato del campo usando el menú desplegable Formato. Por ejemplo, es posible que desee utilizar solo una fecha y ninguna hora, como para un campo de fecha de nacimiento.
También puede marcar la casilla Obligatorio si desea que este sea un campo obligatorio. Esto significa que el usuario deberá seleccionar una fecha y hora antes de poder enviar el formulario.
También puede agregar cualquier otro campo nuevo que desee utilizar. Simplemente haga clic en la pestaña ‘Agregar campos’, luego arrastre y suelte el campo en su campo. Para editar un campo, simplemente haga clic en él.
Configuración de opciones avanzadas para su selector de fecha
De forma predeterminada, el selector de fecha en su formulario será un calendario con un menú desplegable de tiempo al lado. El usuario simplemente hace clic en un día para seleccionar esa fecha.
El menú desplegable de tiempo tiene como valor predeterminado un reloj de 12 horas con intervalos de 30 minutos, como este:
Es posible que desee cambiar el funcionamiento del selector de fechas. Eso 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 esa sección.
Aquí puede realizar muchos cambios. Por ejemplo, es posible que desee cambiar el formato de fecha. El valor predeterminado es mm / dd / aaaa.
También puede cambiar del selector de fechas a un menú desplegable de fechas, si lo prefiere. En este caso, el usuario selecciona el mes, el día y el año de los cuadros desplegables, como este:
También puede cambiar el selector de tiempo. El valor predeterminado es un reloj de 12 horas, pero puede cambiarlo a un reloj de 24 horas si lo prefiere. También puede cambiar los intervalos a 15 minutos o 1 hora en lugar de 30 minutos.
Una vez que esté satisfecho con su formulario, puede guardarlo haciendo clic en el botón Guardar en la parte superior derecha.
También puede configurar su formulario para que la persona que lo complete obtenga una copia de los detalles que envió.
Esto podría ser útil, por ejemplo, si están programando una llamada contigo. Tendrán un registro de correo electrónico de la hora de la llamada que reservaron.
Puede hacerlo siguiendo las instrucciones de nuestro tutorial sobre cómo crear un formulario de contacto con varios destinatarios .
Agregar su formulario a su sitio web
Puede agregar su formulario a una página existente (o publicación) en su sitio, o puede crear una nueva. Para crear una nueva página, vaya a Páginas »Agregar nuevo en su panel de WordPress.
Luego, deberá agregar un nuevo bloque a su página. Haga clic en el (+) para agregar el bloque y luego seleccione el bloque WPForms. Puede encontrarlo en la sección Widgets o puede buscarlo usando la barra de búsqueda.
A continuación, deberá seleccionar su formulario en el menú desplegable WPForms, así:
Eso es todo lo que necesitas hacer. Ahora puede publicar su página y su formulario estará activo en su sitio web. Debería verse algo como esto:
Nota: El estilo del formulario dependerá del tema de WordPress que esté utilizando.
Todos los formularios creados con WPForms son aptos para dispositivos móviles y funcionan en cualquier dispositivo móvil. La herramienta de selección de fechas de WPForms también es compatible con dispositivos móviles y funciona en todos los tamaños de pantalla.
Siempre es una buena idea probar tu formulario para asegurarte de que funciona como esperabas. 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 solucionar el problema de que WordPress no envía correos electrónicos debería ayudarlo.
Puede realizar cambios en su formulario yendo a WPForms »Todos los formularios . Luego, simplemente haga clic en el título de su formulario o en el enlace Editar debajo del título para editarlo.
Una vez que guarde su formulario, se actualizará en su sitio web automáticamente.