En las formas son muy importantes para cualquier sitio web. Por lo tanto, complementos conocidos, como Formulario De Contacto 7, Forms Ninja, WPForms y Gravity Forms, llevan mucho tiempo liderando el mercado. Pero están surgiendo otros nuevos con mejores características. Uno de ellos se llama WeForms.

weForms proviene de WeDevs, los creadores de WP User Frontend y esta es la razón por la que debe probar weForms para sus próximos proyectos de creación de formularios:

Fue diseñado para el usuario promedio y general, lo que lo hace muy fácil de usar. Es súper rápido gracias al framework Vue.js. Al mismo tiempo, weForms tiene características importantes y avanzadas como la productividad y la integración de marketing por correo electrónico.

Presentación de WeForms

Obtuve una copia gratuita de la versión Personal Pro de weForms, pero también hay una versión gratuita que tiene todos los elementos básicos para crear un formulario de contacto en tu sitio web. Por lo tanto, le presentaremos algunas características del complemento. weForms es un editor de formularios moderno con varias integraciones que aumentan su funcionalidad.

creación de formularios con WeForms

Algunas de sus características generales son:

  • Haga clic en Activación
  • Creación rápida de formularios
  • Vista previa en vivo en tiempo real
  • Modelos integrados
  • Constructor de arrastrar y soltar

Aunque está diseñado para ser fácil de usar, de modo que el usuario medio pueda orientarse fácilmente, no es sencillo. El complemento funciona muy rápido y es fácil de entender, pero también es muy extensible. weForms es totalmente competente para realizar tareas avanzadas.

  • Campos avanzados
  • Personalización de campos
  • lógica condicional
  • Formulario de varios pasos
  • Sensible
  • Formulario de exportación / importación
  • Carga de imágenes y archivos
  • Tiempo de expiración
  • Restricciones de entrada
  • Notificaciones personalizadas por correo electrónico
  • Envíe una página a través de AJAX
  • Notificación por SMS
  • Personalizar correos electrónicos
  • MailChimp, Paypal, Slack y varias otras integraciones

La interfaz intuitiva, que utiliza la función de arrastrar y soltar y plantillas integradas gratuitas, garantiza que tenga todo lo que necesita. weForms también se puede utilizar en dispositivos móviles.

1 - Instalación y parámetros básicos

La instalación de WeForms es sencilla. Al igual que con otros complementos, puede instalarlo desde WordPress.org o descargar la versión Pro e instalarlo de forma regular.

2 - Creación de su primer formulario

Ya he mencionado muchas cosas sobre cómo ahorrarás tiempo diseñando con WeForms. ahora es el momento de ilustrarlo.

Al hacer clic en Formularios de contacto, accederá a la interfaz de administración de formas. Desde esta misma interfaz, puede acceder a la interfaz de creación de formularios. Aquí notará 3 plantillas integradas para el formulario de contacto, formulario de soporte y formulario de registro de eventos.

diseño del formulario weForms.jpg

También puede optar por comenzar con una plantilla personalizada / en blanco.

Como notará, weForms ha hecho mucho para simplificar el proceso con las plantillas predefinidas, que también son personalizables.

Las plantillas aparecen así por defecto:

Formulario de contacto

fórmulas de contacto modelo weForms.jpg

Formulario de asistencia

Formulario de registro de eventos

formulario de inscripción para un evento weforms.jpg

En caso de que elija usar una plantilla en blanco, aquí le mostramos cómo crear un nuevo formulario usando una plantilla en blanco.

Configuraciones de WeForms

La pestaña de configuración del formulario se abre cuando abre un nuevo formulario a partir de plantillas o uno personalizado.

formulario de contacto personalizado weforms.jpg

Aquí puede elegir en el menú desplegable para redirigir su formulario a la misma página cuando fue enviado, a una página diferente o a una URL personalizada.

¿Quieres tu formas ¿Tiene una vida útil específica? Puede hacerlo fácilmente a través de la parte Restricción de envío, donde puede programar su formulario, solicitar a sus usuarios que inicien sesión y restringir las entradas a un número determinado. Los ajustes son fáciles de configurar.

ajustes weforms wordpress.jpg

Finalmente, también puede seleccionar cómo deben aparecer sus etiquetas.

configurar la etiqueta weforms.jpg

Con las notificaciones, puede configurar todo para el correo electrónico. Le brinda un control completo sobre dónde se enviarán las notificaciones por correo electrónico, incluido lo que se debe enviar.

configuración de notificaciones por email.jpg

Los campos WeForms

Una de las partes más importantes del constructor de weForms es su función de vista previa en vivo y arrastrar y soltar elementos. Para comenzar, arrastre y suelte el campo que desee en su formulario. Reorganícelos como desee. A medida que realice cambios, el generador dinámico cambiará en consecuencia al editar. Esto le brinda una vista previa automática de cómo se verá el formulario para sus usuarios. El proceso está a la altura de la promesa de ser fácil de usar.

edición en tiempo real de un formulario weforms.jpg

También puede personalizar cada campo como desee con CSS personalizado. Ser capaz de personalizar significa que realizar cambios en sus campos puede mejorar el aspecto general de su formulario. Puede asociarlo con su sitio web o resaltar elementos específicos. Los campos de weForms son:

  • Appelido
  • textos
  • Cuadro de texto
  • el menú de navegación
  • Selección múltiple
  • Radio
  • Casilla de verificación
  • Enlance
  • Email
  • Campo oculto
  • Carga de imagen
  • Campo repetido
  • Fecha / Hora
  • Descargando archivos
  • Lista de países
  • Campo numérico
  • Campo de dirección
  • Paso a Inicio
  • Mapa de Google
  • Separación de secciones
  • HTML personalizado
  • ReCaptcha
  • Código pequeño
  • Termes et condiciones
  • Gancho de acción
  • calificaciones

3 - Publicación de un formulario

El proceso de publicar un formulario y hacerlo en vivo es sencillo. Como la mayoría de los otros complementos, simplemente copie el código corto en la parte superior del formulario haciendo clic en él. Ahora puede publicar esto en una nueva página o en sus artículos.

publicar un formulario weforms.jpg

Aquí un ejemplo. Con weForms, tendrá una interfaz similar a la siguiente.

ejemplo de formulario wpeforms.jpg

Eso es todo por este tutorial, espero que le permita conocer las diferentes características del complemento WeForms.