¿Necesita que la gente elija una fecha al completar un formulario en su sitio web?
Tal vez desee saber un buen momento para llamarlos, o tal vez desee recopilar información como 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.
Crear un formulario de WordPress con un selector de fechas
Para este tutorial, usaremos el WPForms. Es uno de los mejores plugins de formularios de contacto que existen y puede usarlo para todo tipo de formularios diferentes.
Deberá instalar y activar el archivo WPForms plug-in en su sitio. Si no está seguro de cómo hacer esto, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Después de activar el plugin, vaya a WPForms »Agregar nuevo en el panel de WordPress.
Aparecerá el constructor de WPForms. Primero, escriba un nombre para su formulario. Luego, coloque 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 esa plantilla. Aquí está el formulario de contacto simple predeterminado.
Ahora puede editar el formulario como desee.
Agreguemos el campo de selección 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 fantasía y verá el campo Fecha / Hora.
Arrastre y suelte el campo en la ubicación deseada en el formulario. Lo colocamos justo debajo del campo Correo electrónico en nuestro formulario.
Luego, haga clic en el campo para editarlo. La pestaña «Opciones de campo» aparecerá en el lado izquierdo de la pantalla.
Puede cambiar la etiqueta del campo, que es «Fecha / Hora» de forma predeterminada. Usaremos «Hora de llamada preferida» 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, por ejemplo, para 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 deberá seleccionar una fecha y hora antes de poder enviar el formulario.
También puede agregar cualquier otro campo nuevo que desee utilizar. Haga clic en la pestaña «Agregar campos», luego arrastre el campo a su campo. Para editar un campo, simplemente haga clic en él.
Configuración de opciones avanzadas para el selector de fecha
De forma predeterminada, el selector de fechas en el 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 está configurado en un reloj de 12 horas con intervalos de 30 minutos, así:
Es posible que desee cambiar la forma en que funciona el selector de fechas. Es fácil de hacer en WPForms. En la pestaña Opciones de campo, desplácese hacia abajo hasta Opciones avanzadas.
Luego, 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, día y año de los cuadros desplegables, así:
También puede cambiar el selector de tiempo. El reloj predeterminado es de 12 horas, pero puede cambiar 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.
Cuando 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 envió.
Esto podría ser útil, por ejemplo, si están planeando una llamada con usted. Tendrán un registro de correo electrónico del tiempo de llamada reservado.
Puede hacerlo siguiendo las instrucciones de nuestro tutorial sobre cómo crear un formulario de contacto con varios destinatarios.
Agregar el módulo a su sitio web
Puede agregar su formulario a una página (o publicación) existente en su sitio, o puede crear una nueva. Para crear una nueva página, vaya a Páginas »Agregar nuevo en el panel de WordPress.
Luego, deberá agregar un nuevo bloque a su página. Haga clic en (+) para agregar el bloque, 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 de 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:
Nota: El estilo del formulario dependerá del tema de WordPress que esté utilizando.
Todos los formularios creados con WPForms están optimizados para dispositivos móviles y funcionarán 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 el módulo 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 no envía correos electrónicos debería ayudarlo.
Puede realizar cambios en su formulario yendo a WPForms »Todos los formularios. Luego, haga clic en el título del formulario o en el enlace Editar debajo del título para editarlo.
Una vez que se guarda el 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. 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.
¿Te ha resultado útil??
0 / 0