¿Quieres agregar un selector de fecha a tu formulario de contacto? Un selector de fecha es necesario cuando quieres que tus usuarios seleccionen una fecha y hora en el formulario.
En este artículo, compartiremos cómo crear un formulario de WordPress con un selector de fecha.
¿Cuándo y por qué deberías agregar un selector de fecha en formularios de WordPress?
Muchos formularios de contacto tienen campos sencillos como nombre, correo electrónico, teléfono y mensaje. Esta información es suficiente para conectar con tus usuarios. Sin embargo, si quieres programar una cita con tus usuarios, necesitarás añadir un selector de fecha en tu formulario.
Si tienes una tienda de comercio electrónico y quieres que los clientes añadan su fecha de disponibilidad para la entrega, puedes añadir un campo de fecha y hora en el formulario de contacto o de pedido.
Hay muchas otras razones por las que necesitarías pedir a tus usuarios que envíen fechas y horas junto con su información básica. Veamos cómo crear fácilmente un formulario de WordPress con un selector de fechas.
Creación de un formulario de WordPress con un selector de fechas
Lo primero que necesitarás hacer es instalar y activar el plugin WPForms. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, deberás ir a la página WPForms » Añadir nuevo para crear un formulario en WordPress. Se iniciará la pantalla de configuración de WPForms, donde encontrarás varias plantillas predefinidas para crear fácilmente un nuevo formulario de tu elección. También puedes seleccionar un formulario en blanco para empezar desde cero.
Para empezar, elegiremos la plantilla Formulario de contacto simple.
Se cargará un formulario de contacto simple con los campos básicos de nombre, correo electrónico, comentario, etc. Puedes ver más campos en el lado izquierdo y una vista previa de tu nuevo formulario en el lado derecho de la pantalla. Simplemente arrastra y suelta cualquier campo del lado izquierdo a tu nuevo formulario en el lado derecho.
Dado que quieres añadir un selector de fechas, deberás arrastrar y soltar el campo Fecha / Hora de la columna izquierda a tu formulario. Puedes colocar el selector de fechas encima o debajo de cualquier campo del formulario de WordPress.
El formulario es totalmente flexible, lo que significa que puedes reorganizar fácilmente el orden de los campos o personalizar cualquier campo desde la sección de vista previa de tu formulario en el lado derecho.
Una vez que hagas clic en cualquier campo en la vista previa del formulario, se mostrarán las configuraciones en el lado izquierdo para ese campo específico. Por ejemplo, si haces clic en el campo Fecha / Hora que acabas de agregar a tu formulario, verás estas configuraciones para personalizar:
- Etiqueta: Es el título del campo Fecha / Hora en tu formulario.
- Formato: En este menú desplegable, puedes seleccionar un formato para la fecha, la hora o ambas.
- Descripción: Te permite agregar instrucciones para los usuarios debajo del campo.
- Requerido: Si marcas esta opción, el usuario no podrá enviar el formulario sin seleccionar una fecha / hora en este campo.
Aparte de estas configuraciones básicas, hay opciones avanzadas para personalizar el diseño y el estilo del campo de fecha / hora.
Algunas de las opciones avanzadas incluyen:
- Tamaño del campo: Hay diferentes tamaños de visualización disponibles para el campo de fecha / hora.
- Fecha: Es un marcador de posición. El texto que agregues aquí se mostrará por defecto a los usuarios. Junto a él, también puedes seleccionar el formato para la fecha.
- Tipo: Puedes seleccionar un tipo para el selector de fecha. Hay 2 tipos: Selector de fecha y Menú desplegable de fecha.
- Hora: Este es otro marcador de posición para la hora. También deberás elegir un formato de 12 horas o 24 horas.
Hay muchas otras configuraciones personalizadas como intervalo, ocultar etiquetas y más.
También deberías consultar esta guía sobre cómo añadir CSS personalizado a tu formulario para obtener instrucciones más detalladas.
Asegúrate de hacer clic en el botón Guardar para almacenar tus cambios.
Configuración de confirmación y notificaciones
Una vez que estés satisfecho con los campos, necesitarás gestionar la configuración de confirmación y las notificaciones por correo electrónico para tu formulario. Simplemente visita la página Ajustes » Confirmación en el constructor de WPForms. Desde allí, puedes añadir un mensaje personalizado para tus usuarios que recibirán después de enviar el formulario. También puedes cambiar el tipo de confirmación para redirigir a los usuarios a una página de agradecimiento.
Después de eso, puede ir a la página Configuración » Notificaciones para administrar las notificaciones por correo electrónico para los envíos de formularios. También puede enviar múltiples notificaciones a diferentes direcciones de correo electrónico.
Para configuraciones avanzadas, puedes añadir lógica condicional en tu formulario para enviar notificaciones específicas a los usuarios. Esto significa que, basándote en las opciones seleccionadas por el usuario, puedes enviarles diferentes notificaciones de correo electrónico automatizadas.
Aprende más aquí: Cómo configurar las notificaciones y confirmaciones correctas del formulario.
Por último, deberá hacer clic en el botón Guardar para ver su formulario de contacto en acción.
Muestre el formulario en su sitio de WordPress
Puedes agregar el nuevo formulario que acabas de crear con un selector de fecha a WordPress de manera muy sencilla con WPForms. Te mostraremos cómo hacerlo usando el editor de bloques y el editor clásico. También te mostraremos cómo agregarlo a una barra lateral.
Agregar formulario de WordPress a página o publicación de WordPress (Gutenberg)
Para agregar el formulario en cualquier página o publicación de WordPress, puedes buscar el bloque WPForms y agregarlo al editor de texto.
Luego, verás un menú desplegable donde puedes seleccionar el formulario de contacto que acabas de crear.
Después de seleccionar el formulario, verás la vista previa en el editor de texto. Para agregar el formulario de contacto a tu sitio, haz clic en el botón Publicar en la esquina superior derecha.
Agregar formulario de WordPress a página o publicación de WordPress (Editor Clásico)
Si usas el editor clásico de WordPress, puedes agregar el formulario usando el botón Agregar Formulario. O, simplemente puedes copiar y pegar el shortcode del formulario para incrustarlo en tu sitio web.
Agregar formulario de WordPress en una barra lateral
También puedes agregar el formulario a tu widget de barra lateral. Para ello, ve a Apariencia » Widgets. Ahora, arrastra y suelta el widget de WPForms en la barra lateral o en el menú del pie de página a la derecha.
Después de eso, selecciona tu formulario usando el menú desplegable y guarda tus cambios.
Una vez hecho esto, haz clic en el botón Guardar. Tu formulario ahora comenzará a mostrarse en la barra lateral de tu sitio web.
Eso es todo. Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario de WordPress con un selector de fecha. También te puede interesar nuestra guía sobre cómo crear un formulario de carga de archivos en WordPress.
Comentarios Deja una respuesta