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

¿Le gustaría agregar un campo de datos de selección / ORA a un formulario de WordPress? Es muy sencillo permitir que los usuarios seleccionen una vez y una hora directamente en sus formularios. Por lo tanto, en este artículo, le mostraremos cómo agregar fácilmente un formulario de Data / Time Sicker en WordPress, además de algunos consejos si desea personalizarlo. . Cómo crear un formulario de WordPress con un selector de fecha / hora utilizando WPFFORMS, es muy fácil agregar un campo que permita a las personas seleccionar una cierta fecha, hora o ambas. Aquí hay un tutorial de paso por paso sobre hacer un formulario de WordPress con un selector de fecha / hora:
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Si prefiere las instrucciones escritas, consulte a continuación. Paso 1: Cree un formulario de WordPress Lo primero que tendrá que hacer es instalar y activar el complemento WPFFORMS. Necesitará una versión paga del complemento, porque el selector de datos / tiempo no está disponible en la versión gratuita. Para obtener más detalles, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress. Después de haber comprado e instalado el complemento WPFFORMS, vaya a WPFFORMS »Agregue nuevo para crear un nuevo formulario.
En la pantalla de configuración, nombre el formulario y seleccione la plantilla de formulario que desea usar. Lo mejor es que WPFORMS viene con más de 100 plantillas previas al sellado. En nuestro ejemplo, utilizaremos el formulario de contacto simple.

Después de hacer clic en la plantilla, WPFFORMS generará un formulario de contacto simple para que se cargará con los siguientes campos:
Nombre y apellido
Correo electrónico
cometariu
Ahora, para usar el generador de formulación para agregar campos a su formulario. Paso 2: Personalice el formulario puede agregar campos adicionales sacándolos del panel izquierdo al panel derecho. Luego haga clic en el campo para hacer cualquier cambio. También puede hacer clic en un campo de formulario y extraerlo para reorganizar el pedido de su formulario. Así que sigamos adelante y vayamos a Fancy Fields y extraemos el campo de fecha / hora en su formulario, donde sea que desear.
Una vez que esté en su forma, puede tirarlo hacia arriba y hacia abajo para colocarlo en otro lugar y puede hacer clic en el campo para abrir su configuración y personalizarlo.

Al hacer clic en el formulario de datos / hora, verá las siguientes opciones:

Etiqueta: Este es el título del campo que los visitantes del sitio verán en su formulario.
Formato: aquí puede ajustar el formato de fecha y pedirle al cliente que elija solo la fecha, solo hora o ambos.
Descripción: Agregue una descripción de campo. Este es un buen lugar para agregar instrucciones o detalles para sus usuarios.
Obligatorio: cuando se marca esta casilla, los usuarios no pueden enviar el formulario a menos que completen este campo.
Si se desplaza hacia abajo y hace clic en opciones avanzadas, personalice el campo selector de fecha / hora y más, y aquí ajustará el selector de fecha / hora de un formato de calendario en una lista vertical si lo desea.
El selector de fecha / hora es un campo poderoso, con muchas configuraciones y opciones excelentes, así que echemos un vistazo más de cerca a todo lo que pueda hacer con él. El tamaño del campo aquí puede elegir lo grande que desea el campo. El tipo de fecha de forma predeterminada, el campo Data / Time Sicker mostrará campos para selecciones de fecha y hora. Aquí puede elegir si desea que el campo sea un selector de fecha / hora que muestre un calendario o tiene campos de caída para la luna, el día y el año. El formato de fecha va de un formato de mes / día / año -día / mes / año en esta área. Intervalo de tiempo puede aumentar o disminuir los intervalos de tiempo aquí eligiendo entre 15 minutos, 30 minutos o 1 hora (excelente para formularios de reserva). Tiempo sustituido Ajuste lo que dice el interior del cuadro de tiempo. Formato de tiempo Elija entre un formato estándar de 12 horas o un formato “militar” de 24 horas. Límite de horas (con formato desplegable) Ajuste el intervalo en el que alguien puede introducir un cierto tiempo, por ejemplo, si solo está abierto entre 9-17 horas. Consulte más detalles sobre esta configuración en el paso 3. Limite los días (con el formato de selección de datos) Ajuste los días disponibles, por ejemplo, si solo trabaja durante la semana. Vea más detalles sobre esta configuración en el paso 3.

Oculte la etiqueta y oculte los subéticos que esta opción muestra o oculta la etiqueta y los subéticos para el campo. Clases CSS Este campo le permite estilizar campos específicos sin afectar otros campos. Puede cambiar los colores, el espacio y más con CSS. Si tiene curiosidad por saber cómo se ven los diferentes formatos de datos / selección de tiempo, aquí está el formato de selección de datos:
Así es como se ve el formato desplegable:
Independientemente del formato que elija, sabe que el campo selector de fecha / hora es una excelente manera de obtener datos exactos en sus formularios. La fecha siempre se validará en el formato correcto en el selector de datos / tiempo. ¿Más? Tenemos algunas opciones más avanzadas para usted. Paso 3: Personalizaciones avanzadas del selector de fecha / hora. Hay algunos otros hacks divertidos que quizás desee probar con el campo Data / Time Picker:

Si desea estilizar el aspecto y el aspecto de su formulario para que coincida con su tema, consulte cómo agregar CSS personalizado a WPFORMS.

¿Quieres que alguien complete tu formulario de selección de fecha / hora una vez? Si desea ver cómo limitar las entradas de los usuarios, consulte este tutorial sobre cómo limitar el número de entradas de formulario de WordPress.
¿Necesitas a alguien que te dé un tiempo muy específico hasta el minuto? Personalice el intervalo de tiempo en su selector de fecha / hora con un código personalizado.
¿Quieres otro formato de fecha / hora? Puede cambiar el formato de fecha y hora utilizando cualquier variable PHP disponible.
Aunque todavía no hay lógica condicional en el campo de datos de datos / tiempo, puede verificar sus edades con un complemento o puede usar un campo desplegable sí / no cerca del campo de recolectores de datos / tiempo para preguntar si un usuario es cierto años.
Después de haber terminado la configuración personalizada, continúe y haga clic en Guardar.
Paso 4: Limite la fecha + hora (opcional) Si desea restringir qué opciones de fecha y hora se pueden seleccionar en su fecha en que su fecha / hora seleccione, es fácil de hacer. Tiene mucho control sobre el campo Data / Time Picker. ¿Puede: limitar los datos disponibles para elegir usuarios?
Deshabilitar datos anteriores para que nadie pueda seleccionar un día en el pasado
Limitar el tiempo que las personas pueden seleccionar
Independientemente de lo que necesite usar en sus formularios, ofrecemos cobertura en nuestras instrucciones sobre cómo limitar las opciones para el campo Data / Time Picker.
Paso 5: Configure la confirmación de la configuración del formulario del formulario son mensajes que se muestran a las personas después de completar su formulario. Las confirmaciones anuncian que su forma ha sido procesado y le brinda la oportunidad de decirles qué pasos deben tomar. WPFORMS tiene 3 tipos de confirmación que puede elegir:
Mensaje: Este es el tipo de confirmación predeterminado en WPFFORMS. Cuando un visitante del sitio envía su formulario, aparecerá un mensaje simple, que les informará que su forma está procesado.
Muestre la página: este tipo de confirmación lo llevará a una determinada página web de su sitio, agradeciéndoles por completar el formulario de recogedor de datos / horas y le permitirá decirles qué hacer a continuación. Para obtener ayuda en este sentido, consulte nuestro tutorial sobre la redirección de clientes a una página de agradecimiento.
Vaya a URL (redirección): esta opción es por el tiempo que desea enviar a las personas a una determinada página que contiene información relacionada que se puede encontrar en otro sitio web.

Por lo tanto, veamos cómo configurar una confirmación simple del formulario en WPFORMS, para que pueda personalizar el mensaje que las personas verán cuando envíen su formulario / hora. Para comenzar, haga clic en la pestaña Confirmación en el Editor de formulación.
Luego personalice el mensaje de confirmación de acuerdo con su deseo y haga clic en Guardar. Para obtener ayuda con otros tipos de confirmación, consulte nuestra documentación sobre la configuración de las confirmaciones del formulario. Ahora configuremos las notificaciones de formulario. Paso 6: Configure las notificaciones de formulario que desea que la fecha y hora en que alguien complete sus formularios se le ha enviado inmediatamente en un correo electrónico. Para configurar las notificaciones de formulario para hacer esto exactamente. Las notificaciones son una excelente manera de enviarlo automáticamente a sus empleados y a la persona que ha completado su formulario.
Si no deshabilita esta función, cada vez que alguien envía un formulario en su sitio, recibirá una notificación al respecto. Si usa etiquetas inteligentes, solo puede recibir la fecha y hora enviada a las notificaciones del formulario. Para hacer esto, simplemente agregue una marca de tiempo en el aviso e -mail usando esta etiqueta inteligente – {format = ”m / d / y”}
WPFORMS también le permite anunciar más personas cuando se envía un formulario. Para obtener ayuda con este paso, consulte nuestra documentación sobre cómo configurar las notificaciones de formulario en WordPress. Finalmente, si desea mantener la marca de correos electrónicos coherentes, puede consultar esta guía para agregar un encabezado personalizado a su plantilla de correo electrónico.
Buen trabajo. Ahora está listo para agregar el formulario de datos de su recolección de datos a su sitio web. Paso 7: Agregue su formulario a su sitio web WPFFORMS le permite agregar sus formularios a diferentes ubicaciones de publicaciones de blog, páginas, sótano y barra lateral. En primer lugar, echemos un vistazo a la opción más común: incorporar su formulario en una publicación o página. Para empezar, cree una nueva página o publique en WordPress. Luego haga clic dentro del primer bloque (el área vacía bajo el título de su página) y haga clic en Agregar WPFFORMS. WPFORMS WPFORMS aparecerá dentro del bloque. Haga clic en el menú de caída WPFFORMS que aparece y elija cuál de los formularios que ya ha creado que desea insertar en su página Seleccione el formulario de contacto simple.
Publique su publicación o página para que su formulario aparezca en su sitio web.

Otro lugar en el que puede agregar un formulario en su sitio es en el área del widget en la barra lateral. Acceda a los widgets de aspecto »y agregue un widget wpforms a la barra lateral. Después de eso, seleccione el formulario de contacto simple en el menú Drop -down y guarde los cambios en el área del widget. Pasos siguientes: ¡ahora use un campo de selección de fecha / hora y aquí! Ahora sabe cómo agregar un formulario de WordPress con un selector de fecha / hora en su sitio. El campo WPForms de Data / Time Picker es fácil de usar y fácil de usar, por lo que todos los visitantes de su sitio web podrán usarlo. Además del hecho de que es una excelente fecha / hora de WordPress, WPFORMS viene con muchas funciones útiles. Verifique lo que se incluye en el plan WPFFORMS PRO:

Integración de Zapier: inicie sesión con miles de aplicaciones web diferentes, como el calendario de Google, por lo que puede completar instantáneamente los datos del calendario con entradas de formulario. Más de 100 plantillas: nunca vuelva a construir un formulario con los tipos de formularios más populares allá.

Integraciones de marketing por correo electrónico Conexión su selección de datos / tiempo a los servicios de correo electrónico más populares para automatizar su marketing.

Formularios fuera de línea: deje que las personas envíen sus formularios una vez que recuperen su conexión a Internet y renuncien a la pérdida de tantos clientes potenciales.

Formas en varios pasos: divida los formularios largos en formularios de múltiples páginas para mantener su alta tasa de conversión.

Páginas de destino: obtenga más personas que completen sus formularios, creando páginas de formulación sin distraerse de un solo clic.

Formas seguras: proteja los formularios con diferentes opciones anti -Spam, como captcha personalizada, hcaptcha o google recaptcha v2 o v3.
Formularios de conversación: siga las tasas de conversión utilizando formas interactivas muy cautivadoras.
Asistencia premium: vaya a un equipo amigable y bien informado que lo ayudará a guiarse en la dirección correcta si necesita ayuda con los formularios de su sitio web.
… y una tonelada más