¿Necesita que la gente elija una fecha al completar un formulario en su sitio web? Tal vez desee saber el momento adecuado para llamarlos, o tal vez desee recopilar información como la fecha de nacimiento, etc. Aquí 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 fechas.
Crea un formulario de WordPress con un selector de fechas
Contents
Para este tutorial, usaremos WPForms. Es uno de los mejores plugins de formularios de contacto y puede usarlo para todo tipo de formularios diferentes. Deberá instalar y activar el plugin WPForms en su sitio. Si no sabe cómo hacer esto, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Una vez que haya activado el plugin, navegue hasta WPForms »Agregar nuevo en su panel de WordPress.
Aparecerá el generador de WPForms. Primero, ingrese 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 de formulario de contacto simple.
WPForms creará automáticamente un formulario para usted usando esta plantilla. Aquí está el formulario de contacto predeterminado simple.
Ahora puede modificar el formulario como 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 desee en su formulario. Lo hemos colocado justo debajo del campo Correo electrónico de nuestro formulario.
Luego haga clic en el campo para editarlo. Esto abrirá la pestaña «Opciones de campo» en el lado izquierdo de la pantalla. Puede modificar el título del control, que por defecto es «Fecha / Hora». Vamos a utilizar «Hora preferida para llamadas telefónicas» para nuestro campo. También puede cambiar el formato del campo usando la lista 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 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 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.
Establecer opciones avanzadas para su selector de fechas
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.
La lista 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. Es fácil de hacer en WPForms. En la pestaña Opciones de campo, desplácese hasta Opciones avanzadas. Luego haga clic en la flecha para abrir esta 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 una lista desplegable de fechas, si lo prefiere. En este caso, el usuario selecciona el mes, día y año de las listas desplegables, así:
También puede cambiar el selector de tiempo. El reloj predeterminado es 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 reciba una copia de los detalles que ha enviado. Esto puede resultar útil, por ejemplo, si están planificando una llamada con usted. Tendrán un registro de correo electrónico del tiempo de llamada que han reservado. Puede hacerlo siguiendo las instrucciones de nuestro tutorial sobre cómo crear un formulario de contacto con varios destinatarios.
Agregue su formulario a su sitio web
Puede agregar su formulario a una página existente (o publicación) en su sitio, o 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 (+) 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 de la lista desplegable WPForms, así:
Eso es todo lo que tienes que hacer. Ahora puede publicar su página y su formulario estará activo en su sitio web. Debería verse algo como esto:
Notar: El estilo del formulario dependerá del tema de WordPress que esté utilizando. Todos los formularios creados con WPForms están listos para usar en dispositivos móviles y funcionarán en todos los dispositivos móviles. 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 su formulario para asegurarse de que funcione 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 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á automáticamente en su sitio web. Esperamos que este artículo le haya ayudado a aprender a crear un formulario de WordPress con un selector de fechas. Es posible que también desee consultar nuestros artículos sobre cómo bloquear el correo no deseado de formularios de contacto en WordPress y cómo rastrear y reducir el abandono de formularios en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
Originally posted 2021-02-24 19:16:40.
