Cómo crear un formulario de WordPress con un selector de fechas

¿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.

Creando un nuevo formulario usando WPForms

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.

Seleccionar la plantilla de formulario de contacto simple para comenzar a construir el formulario

WPForms creará automáticamente un formulario para usted usando esa plantilla. Aquí está el formulario de contacto simple predeterminado.

El formulario de contacto predeterminado creado por WPForms

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.

El campo Fecha / Hora en la sección Campos de fantasía

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.

El campo de fecha / hora agregado al 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.

Edite el campo de fecha / hora para cambiar las opciones

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 selector de fecha predeterminado (estilo de calendario)

El menú desplegable de tiempo está configurado en un reloj de 12 horas con intervalos de 30 minutos, así:

El selector de tiempo predeterminado (lista desplegable a intervalos de 30 minutos)

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.

Ver y editar opciones avanzadas para el campo Fecha / Hora

Aquí puede realizar 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 en el menú desplegable Opciones de fecha

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í:

El campo desplegable Fecha en acción en un formulario

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.

Cambiar los intervalos de tiempo para el selector de fecha

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.

Agregar el bloque WPForms a su página o publicación

A continuación, deberá seleccionar su formulario en el menú desplegable de WPForms, así:

Seleccionar el formulario correcto en el menú desplegable de WPForms

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:

El formulario de selección de fecha final está disponible en el sitio web

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.

Vista previa móvil del selector de fechas en un formulario de WordPress

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.

Editar un formulario que ya ha creado en WPForms

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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir