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

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


¿Desea agregar un selector de fecha a su formulario de contacto? Se requiere un selector de fecha cuando desea que sus 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ía agregar un selector de fecha en formularios de WordPress?

Muchos formularios de contacto tienen campos simples como nombre, correo electrónico, teléfono y mensaje. Esta información es suficiente para conectarse con sus usuarios. Sin embargo, si desea programar una cita con sus usuarios, deberá agregar un selector de fecha en su formulario.

Si está ejecutando una tienda de comercio electrónico y desea que los clientes agreguen su fecha de disponibilidad para la entrega, puede agregar un campo de fecha y hora en el formulario de contacto o pedido.

Hay muchas otras razones por las que debe solicitar a sus usuarios que envíen la fecha y la hora con su información básica. Veamos cómo crear fácilmente un formulario de WordPress con un selector de fecha.

Crear un formulario de WordPress con un selector de fecha

Lo primero que deberá hacer es instalar y activar el WPForms enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, deberá ir al WPForms »Agregar nuevo página para crear un formulario en WordPress. Lanzará la pantalla de configuración de WPForms donde encontrará múltiples plantillas preconstruidas para crear fácilmente una nueva forma de su elección. También puede seleccionar un formulario en blanco para comenzar desde cero.

Para comenzar, estamos eligiendo el Formulario de contacto simple modelo.

Crea un nuevo formulario

Se cargará un formulario de contacto simple con el nombre de los campos básicos, correo electrónico, comentario, etc. Puede ver más campos en el lado izquierdo y una vista previa de su nuevo formulario en el lado derecho de la pantalla. Simplemente arrastre y suelte cualquier campo desde el lado izquierdo a su nuevo formulario en el lado derecho.

Como desea agregar un selector de fecha, deberá arrastrar y soltar el Fecha y hora campo de la columna izquierda en su formulario. Puede colocar el selector de fecha encima o debajo de cualquier campo en el formulario de WordPress.

Arrastre y suelte el campo de selección de fecha

El formulario es totalmente flexible, lo que significa que puede reorganizar fácilmente el orden de los campos o personalizar cualquier campo desde la sección de vista previa de su formulario en el lado derecho.

Cambiar orden de campo

Una vez que haga clic en cualquier campo en la vista previa del formulario, mostrará la configuración en el lado izquierdo para ese campo específico. Por ejemplo, si hace clic en el Fecha y hora campo que acaba de agregar a su formulario, luego verá estas configuraciones para personalizar:

  • Etiqueta: Es el título del campo Fecha / Hora en su formulario.
  • Formato: En este menú desplegable, puede seleccionar un formato para fecha, hora o ambos.
  • Descripción: Le permite agregar instrucciones para los usuarios debajo del campo.
  • Necesario: Si marca esta opción, un usuario no puede enviar el formulario sin seleccionar una fecha / hora en este campo.

Además de estas configuraciones básicas, hay opciones avanzadas para personalizar el diseño y el estilo del campo de fecha / hora.

Configuración de campo de formulario

Algunas de las opciones avanzadas incluyen:

  • Tamaño del campo: Hay diferentes tamaños de pantalla disponibles para el campo de fecha / hora.
  • Fecha: Es un marcador de posición. El texto que agregará aquí se mostrará de forma predeterminada a los usuarios. Junto a él, también puede seleccionar el formato para la fecha.
  • Tipo: Puede 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 el tiempo. También puede necesitar elegir un formato entre 12 o 24 horas..

Hay muchas otras configuraciones personalizadas como intervalo, ocultar etiquetas y más.

Opciones avanzadas

También debe consultar esta guía en cómo agregar CSS personalizado a tu formulario para instrucciones más detalladas.

Asegúrese de hacer clic en el Salvar botón para almacenar sus cambios.

Configuración de confirmación y notificaciones

Una vez que esté satisfecho con los campos, deberá administrar la configuración de confirmación y las notificaciones por correo electrónico para su formulario. Simplemente visite el Configuración »Confirmación página en el generador de WPForms. A partir de ahí, puede agregar un mensaje personalizado para sus usuarios que recibirán después de enviar el formulario. También puede cambiar el tipo de confirmación para redirigir a los usuarios a una página de agradecimiento.

Configuración de confirmación de formulario

Después de eso, puedes ir al Configuración »Notificaciones página para administrar notificaciones por correo electrónico para envíos de formularios. También puede enviar múltiples notificaciones en diferentes direcciones de correo electrónico. Mira esta guía en Cómo crear múltiples notificaciones en WPForms.

Para configuraciones avanzadas, puede agregar lógica condicional en su formulario para enviar notificaciones específicas a los usuarios. Aprender Cómo crear notificaciones de formularios condicionales en formularios de WordPress.

Por último, deberá hacer clic en el Salvar botón para ver su formulario de contacto en acción.

Mostrar el formulario en su sitio de WordPress

Puede agregar fácilmente el formulario de contacto en sus páginas de WordPress, publicaciones, barras laterales y otras áreas de widgets.

Para agregar el formulario en una página, deberá ir a Páginas »Agregar nuevo en WordPress Simplemente haga clic en el botón Agregar formulario arriba del editor de texto.

Agregar formulario en la página

Aparecerá una ventana emergente donde puede seleccionar el formulario que realizó. Después de elegir la forma correcta, haga clic en el Añadir formulario botón. Este proceso es el mismo para las publicaciones de WordPress. Publique la página / publicación para ver el formulario de contacto con el selector de fecha en su sitio de WordPress.

Formulario de WordPress con selector de fecha

Sin embargo, si desea agregar el formulario a su barra lateral o cualquier otra área con widgets, vaya a Apariencia »Widgets arrastrar y soltar el widget WPForms en la barra lateral. En la configuración del widget, puede seleccionar el formulario que creó anteriormente y hacer clic en el Salvar botón.

Eso es todo. Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario de WordPress con un selector de fechas. También puede consultar nuestra guía sobre cómo crear un formulario de carga de archivos en WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map