Saltar al contenido

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

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

20201204 36

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.

20201204 37

WPForms creará automáticamente un formulario para usted usando esa plantilla. Este es el formulario de contacto simple predeterminado.

20201204 38

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.

20201204 39

Arrastre y suelte el campo donde lo desee en su formulario. Lo hemos colocado justo debajo del campo Correo electrónico en nuestro formulario.

Leer más  Cómo obtener la mayor cantidad de suscriptores de correo electrónico usando Hustle
20201204 40

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.

20201204 41

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.

20201204 42

El menú desplegable de tiempo tiene como valor predeterminado un reloj de 12 horas con intervalos de 30 minutos, como este:

20201204 43

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.

20201204 44

Aquí puede realizar muchos cambios. Por ejemplo, es posible que desee cambiar el formato de fecha. El valor predeterminado es mm / dd / aaaa.

Leer más  Cómo agregar imágenes destacadas o publicar miniaturas en WordPress
20201204 45

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:

20201204 46

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.

20201204 47

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.

20201204 48

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

20201204 49

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:

Leer más  Los 10 mejores temas de WordPress de cursos en línea en 2021
20201204 50

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.

20201204 51

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.

20201204 52

Una vez que guarde su formulario, se actualizará en su sitio web automáticamente.