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

¿Necesitas que la gente escoja una fecha cuando rellenen un formulario en tu página web?

Tal vez quieras saber un buen momento para llamarlos, o tal vez quieras reunir información como la fecha de nacimiento, etc. Ahí es donde un campo para elegir la fecha puede ayudar.

En este artículo, te mostraremos cómo crear un formulario de WordPress con un selector de fechas.

Creación de un formulario de WordPress con un selector de fechas

Para este tutorial, usaremos los WPForms. Es uno de los mejores plugins de formularios de contacto que existen, y puedes usarlo para todo tipo de formularios diferentes.

Necesitarás instalar y activar el plugin WPForms en tu sitio. Si no estás seguro de cómo hacerlo, echa un vistazo a nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que hayas activado el plugin, ve a WPForms " Add New en tu panel de control de WordPress.

Aparecerá el constructor de WPForms. Primero, escriba un nombre para su formulario. Luego, pasa el cursor del ratón por encima de una plantilla y haz clic en el botón para seleccionarla. Vamos a utilizar la plantilla del Formulario de contacto simple.

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

Ahora puedes editar el formulario de la forma que quieras.

Añadamos el campo de selección de fecha.

En el constructor de formularios, verás todos los campos que puedes añadir a tu formulario en la columna de la derecha. Desplázate hacia abajo hasta la sección Campos de fantasía, y verás el campo Fecha / Hora.

Arrastre y suelte el campo donde quiera en su formulario. Lo hemos colocado justo debajo del campo Email en nuestro formulario.

A continuación, haga clic en el campo para editarlo. Esto hará que aparezca la pestaña "Opciones de campo" en la parte izquierda de la pantalla.

Puedes cambiar la etiqueta del campo, que por defecto es "Fecha / Hora". Vamos a usar "Hora preferida para llamar por teléfono" para nuestro campo.

También puede cambiar el formato del campo utilizando el desplegable Formato. Por ejemplo, es posible que desee utilizar sólo una fecha y no una hora, como en el caso del campo de la fecha de nacimiento.

También puede marcar la casilla Obligatorio si quiere que sea un campo obligatorio. Esto significa que el usuario tendrá que seleccionar una fecha y hora antes de poder enviar el formulario.

También puedes añadir cualquier otro campo nuevo que quieras usar. Sólo tienes que hacer clic en la pestaña "Añadir campos" y arrastrar y soltar el campo en el campo. Para editar un campo, simplemente haz clic en él.

Configuración de opciones avanzadas para su selector de fechas

De forma predeterminada, el selector de fechas de su formulario será un calendario con un desplegable de tiempo junto a él. El usuario simplemente hace clic en un día para seleccionar esa fecha.

La caída del tiempo se ajusta a un reloj de 12 horas con intervalos de 30 minutos, como este:

Tal vez quieras cambiar cómo funciona el selector de fechas. Eso es fácil de hacer en WPForms. En la pestaña Opciones de campo, desplázate hacia abajo hasta Opciones avanzadas.

A continuación, haz clic en la flecha para abrir esa sección.

Aquí, puedes hacer muchos cambios. Por ejemplo, puede que quieras cambiar el formato de la fecha. El valor predeterminado es mm/dd/aaaa.

También puedes cambiar del selector de fechas a un desplegable de fechas, si lo prefieres. En este caso, el usuario selecciona el mes, el día y el año de los cuadros desplegables, así:

También puedes cambiar el selector de tiempo. Por defecto es un reloj de 12 horas, pero puedes cambiarlo a un reloj de 24 horas si lo prefieres. También puedes cambiar los intervalos a 15 minutos o 1 hora en lugar de 30 minutos.

Una vez que estés contento con tu formulario, puedes guardarlo haciendo clic en el botón Guardar de la parte superior derecha.

También es posible que desee configurar su formulario para que la persona que lo rellene reciba una copia de los datos que haya presentado.

Esto podría ser útil, por ejemplo, si están programando una llamada con usted. Tendrán un registro de correo electrónico de la hora de llamada que reservaron.

Puede hacerlo siguiendo las instrucciones de nuestro tutorial sobre la creación de un formulario de contacto con múltiples destinatarios.

Añadir su formulario a su sitio web

Puedes añadir tu formulario a una página existente (o a un post) en tu sitio, o puedes crear uno nuevo. Para crear una nueva página, ve a Páginas " Añadir Nueva en tu panel de control de WordPress.

Entonces tendrás que añadir un nuevo bloque a tu página. Haz clic en el (+) para añadir el bloque y luego selecciona el bloque WPForms. Puedes encontrarlo en la sección Widgets o puedes buscarlo con la barra de búsqueda.

A continuación, tendrás que seleccionar tu formulario en el desplegable WPForms, así:

Eso es todo lo que tienes que hacer. Ahora puedes publicar tu página y tu formulario estará en vivo en tu sitio web. Debería verse algo como esto:

Nota: El estilo del formulario dependerá del tema de WordPress que estés usando.

Todos los formularios creados con WPForms son aptos para móviles y funcionan en cualquier dispositivo móvil. La herramienta de selección de fechas de WPForms también es fácil de usar y funciona en todos los tamaños de pantalla.

Siempre es una buena idea probar tu forma para asegurarte de que funciona como esperabas. Si no recibes mensajes de correo electrónico pero estás seguro de que la configuración de la notificación es correcta, nuestro artículo sobre cómo solucionar el problema de WordPress de no enviar mensajes de correo electrónico debería ayudar.

Puedes hacer cambios en tu formulario yendo a WPForms " All Forms . Luego, sólo tienes que hacer clic en el título de tu formulario o en el enlace Editar debajo del título para editarlo.

Una vez que guardes tu formulario, se actualizará en tu sitio web automáticamente.

Esperamos que este artículo te haya ayudado a aprender a crear un formulario de WordPress con un selector de fechas. También puede que quieras echar un vistazo a nuestros artículos sobre cómo bloquear el spam de los formularios de contacto en WordPress y cómo rastrear y reducir el abandono de formularios en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta

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

Subir