¿Necesita que las personas elijan una fecha cuando completan un formulario en su sitio web?
Tal vez quiera saber un buen momento para llamarlos, o tal vez quiera recopilar información como la fecha de nacimiento, etc. Ahí es donde un campo de selección de fecha puede ayudar.
En este artículo, le mostraremos cómo crear un formulario de WordPress con un selector de fecha.
Crear un formulario de WordPress con un selector de fecha
Para este tutorial, usaremos el 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 WPForms complemento 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.
Una vez que haya activado el complemento, vaya a WPForms » Agregar nuevo en tu panel de WordPress.
Aparecerá el constructor 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. Vamos a utilizar 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 elegantes y verá el campo Fecha / Hora.
Arrastra y suelta el campo donde quieras en tu 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 ‘Horario preferido para llamada telefónica’ para nuestro campo.
También puede cambiar el formato del campo utilizando 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 tendrá que seleccionar una fecha y hora antes de poder enviar el formulario.
También puede agregar cualquier otro campo nuevo que desee usar. Simplemente haga clic en la pestaña ‘Agregar campos’ y 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 por defecto es 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í, puedes hacer 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 complete el formulario 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 múltiples 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 uno nuevo. Para crear una nueva página, vaya a Páginas » Agregar nuevo en tu panel de WordPress.
Luego deberá agregar un nuevo bloque a su página. Haga clic en (+) 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 del 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 funcionarán 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.
Siempre es una buena idea probar su formulario para asegurarse de que funciona como esperaba. 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 WordPress que 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.
Esperamos que este artículo le haya ayudado a aprender cómo crear un formulario de WordPress con un selector de fechas. También puede consultar nuestros artículos sobre cómo bloquear el spam de formularios de contacto en WordPress y cómo rastrear y reducir el abandono de formularios en WordPress.
.