Última actualización 14 septiembre 2018

En el siguiente artículo quiero mostrarte paso a paso a paso como puedes crearte una serie de formularios en tu WordPress con el plugin WPForms para insertar en las páginas o artículos de tu sitio que necesites.

WPForms es un plugin que te hace la vida más fácil con este cometido, mucho más fácil. Una de las cosas que lees en su página de inicio es: “Build Online Forms in minutes, not hours”.  Diría que lo han tomado prestado de otra home adaptándolo a su nicho.

El caso es que te puedo dar fe ya que lo he vivido en mis propias carnes, te confirmo que puedes crearte formularios de todo tipo en cuestión de minutos y no en cuestión de horas.

Y no veas como se agradece esto cuando estás metido en harina y ves que las cosas fluyen y no te atascas. Que bien te sientes.

WPForms salió al mercado hace escasos dos años y ha tenido una muy buena aceptación rivalizando con otros plugins más veteranos como Contact Form 7.

Mi experiencia con WPForms es francamente satisfactoria y te lo recomiendo por encima de Contact Form 7, el plugin más popular para este cometido aún siendo consciente de que es un plugin de pago y Contact Form 7 gratuito.

Si tienes 39 dólares para invertir en esta herramienta, no lo dudes y hazlo. Es la opción más económica y yo diría que suficiente para la mayoría de los casos.

Para una inversión en una modalidad más cara es conveniente valorar las prestaciones y comparar con otras herramientas.

También dependerá de tu oficio, si eres diseñador web y empleas WordPress, una licencia PRO puede ser tu opción.

Pero ahora quiero mostrarte unas cuantas cosas de este plugin y proporcionarte algunos ejemplos sobre la marcha para que veas como te puedes crear un formulario con WPForms.

Quiero aportarte ideas para que aprendas a desenvolverte bien el plugin y para que lo tengas en cuenta en tu proyecto online.

Quiero que tengas argumentos que te inviten a apostar por WPForms frente a otras alternativas.

!Vamos allá!

¿Qué es lo que vas a ver en este artículo?

Como instalar WPForms Lite

Desde el repositorio de WordPress busca WPForms Lite. Tiene las funcionalidades básicas y justas para crearte formularios de diversos tipos.

Como instalar wpforms lite

Como instalar WPForms Basic (Versión comercial)

Para instalar la versión WPForm basic, plus, la pro o la agencia tienes que comprar una de ellas y desde el área de cliente en wpforms.com te descargas la última versión disponible a tu ordenador.

Como instalar WPForms en su versión comercial. Descargarte el archivo desde el área de cliente

Una vez descargado vete al panel de tu WordPress localiza el menú Plugins / Añadir nuevo.

Para instalar el plugin de pago tienes que tener desactivado WPForms Lite. Es más desinstalalo.

Haz clic en el botón Subir plugin y localiza tu archivo descargado en tu ordenador y subelo.

Como instalar WPForms en su versión comercial. Sube el archivo descargado a tu WordPress y haz clic en instalar ahora

Una vez instalado tienes acceso a los distintos menús de configuración desde el menú que se genera en el menú lateral derecho.

Menu wpforms en el lateral derecho de tu WordPress

Crea tu primer formulario

Para empezar te voy a mostrar algo sencillo, como crear un formulario de contacto al que le vas a añadir una casilla de verificación con un enlace a la política de privacidad y un breve texto inferior informando de la razón por la que recopilas los datos.

Vamos allá.

Haz clic en Add New (Añadir nuevo)

Añadir un nuevo formulario con WPForms

A continuación, si te fijas en la imagen inferior, haz clic en la opción recuadrada en el número (3) y continua a la siguiente ventana.

Opciones de configuración inicial en WPForms

Te explico brevemente cada opción según los puntos marcados.

  1. Acceso directo a las opciones de configuración
  2. Recuadro para ponerle un nombre a tu formulario.
  3. Opción prefabricada que te genera directamente un formulario de contacto sencillo con todos sus campos. Te ahorra tiempo así que emplealo.
  4. Esto es lo que ves cuando pones el ratón encima del recuadro que te marco en el punto (3)
  5. Lista de campos. Cuando estás editando los campos del formulario aquí tienes todas las opciones posibles.
    1. Dependiendo de la versión que tengas tendrás más o menos campos para configurar.
  6. Settings. Más opciones de configuración. Relativas al comportamiento del formulario.
    • Desde aquí puedes modificarle el nombre al formulario
    • Traducir el texto al botón de “submit”
    • Activar el sistema anti-spam honeypot
    • Personalizar las opciones de notificación, es decir, ¿a quién le envío el contenido del formulario?
    • Personalizar el mensaje de confirmación.
  7. Marketing. Aquí no vas a tocar nada a menos que inviertas en la modalidad PRO del plugin.
  8. Payments. Aquí no vas a tocar nada a menos que inviertas en la modalidad PRO de plugin.

En la imagen inferior tienes un formulario sencillo que consta de 4 campos y un botón. Estos son: “Nombre”, “Apellido”, “email” y “comentario o mensaje”.

Fíjate en las opciones que te recuadro en (1) y en (2), el “área de selección de campos” y el “área de diseño del formulario”.

Formulario de contacto sencillo generado con WPForms

Este formulario tal cual está estaría listo para ser empleado en la página o páginas que tu elijas haciendo uso del código corto exclusivo de este formulario.

Pero antes de verlo, te voy a enseñar cómo añadir una casilla de verificación y como realizar algunos ajustes adicionales que es conveniente que sepas para que que veas cómo se configura este plugin.

Localiza en la parte izquierda en el “área de selección de campos” (1) que te recuadro en naranja el campo llamado “Checkbox”.

Selecciona el campo y arrástralo a la parte derecha dentro del “área de diseño del formulario” (2) . Colócalo entre el mensaje y el botón de enviar (submit).

Este método de arrastrar y soltar los campos al “área de diseño del formulario” se conoce coloquialmente como “Drag & Drop”, “arrastrar y soltar”.

Pues esto tan sencillo te hace la vida francamente fácil y es una de las razones por las que te recomiendo este plugin frente a otros.

Con WPForms la cosa va de arrastrar y soltar campos que luego puedes mover hacia arriba o hacia abajo para colocarlos donde te plazca.

De esta manera le das cuerpo a tu formulario.

Y así con todos los formularios que necesites. La técnica es la misma.

A continuación tienes que definir el comportamiento de cada campo.

Esto se realiza con las opciones básicas y avanzadas que cada campo te permite.

Te dejo un vídeo donde vas a ver rápidamente cómo funciona WPForms, su dinámica de trabajo y configuración.

También vas a ver cómo se personaliza, como se usa y cómo se diseña un formulario con este plugin.

Tendrás argumentos suficientes para desenvolverse tu solo con el plugin.

Vídeo. Como crear un formulario con WPForms y añadir una casilla de verificación

Como crear un formulario de contacto básico más una casilla de verificación para la RGPD

Te dejo otro vídeo con más detalles donde puedes ver cómo diseño un formulario para recopilar testimonios.

Vídeo. Como crear un formulario para recopilar testimonios con WPForms

Como crear un formulario con WPForms para recopilar testimonios

Continuo explicándote el resto de opciones de configuración del plugin.

Configura las opciones que ves en “Settings”

Aunque ya te lo he mostrado en el video anterior quiero comentarte las opciones de configuración que tienes disponibles en settings a la hora de diseñar el formulario.

Opciones de configuración generales de tu formulario

En la parte izquierda que te recuadro con el número (1) tienes la sección de configuración de las opciones generales, las notificaciones y la confirmación.

En la parte derecha que te recuadro en (2) comprende el área donde puedes definir todas esas opciones.

General

Son opciones de configuración que te permiten definir el nombre del formulario, la traducción del botón, aplicar alguna clase CSS para cambiar la estética del formulario y muy interesante, activar la opción de seguridad llamada “ anti-spam honeypot”.

Notificaciones

Las notificaciones contienen las opciones de configuración relativas a las cuentas de correo a quien vas a enviar los datos del formulario de WPForms.

Se trata de diseñar como quieres que llegue la notificación.

Puedes hilar fino y con la versión comercial podrías crearte varios perfiles de notificación con diferentes ajustes.

Normalmente lo más sencillo es lo más práctico. Si te pones, se puede configurar bastante a medida.

Opciones de configuración para las notificaciones de tu formulario

Confirmación

Desde esta opción configuras el mensaje que le aparece a la persona tras darle al botón de enviar de tu formulario.

Tienes tres opciones que puedes modificar desde el desplegable “Confirmation Type”.

  • Configurar un mensaje con un texto que tu desees.
  • Enviar a la persona a una página que ya tengas creada para tal propósito.
  • Enviar a la persona a una URL de tu desees.

Opciones de configuración para la confirmación del mensaje de tu formulario

Entradas (Entries)

Algo muy útil pero que solo está disponible en la versión comercial de WPForms es el hecho de que te almacena en la base de datos de WordPress toda la información recopilada en los campos de tus formularios.

Puedes consultarlos desde la opción de Entradas (entries) del menú lateral.

En la imagen inferior tienes un detalle de las opciones. Te explico los puntos.

  1. Acceso directo a Entries.
  2. Si tienes más de un formulario puedes intercambiarlo desde esta opción.
  3. Accesos directos con herramientas y opciones. Son descriptivas por sí mismas.
  4. Filtros para delimitar las entradas que quieres visualizar.
  5. Columnas disponibles en la vista de los datos.

Tabla con todos los datos recopilados por todos los formularios de WPForms

Nota. El plugin más popular de formularios para WordPress, Contact Form 7, no dispone de esta funcionalidad a menos que te descargues un plugin llamado Flamingo. La ventaja notable de contacto form 7 y flamingo es que el combo es gratuito.

Vídeo. Opciones generales de configuración o Settings

Opciones generales de configuración

Herramientas o Tools

Bajo este acceso directo tienes tres opciones. Importar, exportar e información del sistema. Te explico.

Importar

Esta herramienta te permite importar tus formularios desde otros formularios creados con WPForms en otras instalaciones de WordPress que tengas.

Pero más interesante aún es que te permite importarte formularios creados con otros plugins.

Esto te ahorrará MUCHO TIEMPO.

Sobre todo si decides darle una oportunidad a este plugin ya que, todos los formularios que ya tengas creados con otra herramienta te los importará.

La relación de plugins compatible con esta funcionalidad es bastante amplia. Contact Form 7 y NinjaForms están incluidos.

Herramientas en WPForms

Exportar

Sencillamente la operación inversa las importación. Poco más que contarte.

Información del sistema o System info

Aquí tienes una recopilación de información técnica que te servirá si tienes que realizar alguna consulta técnica al soporte de este plugin.

Complementos o Addons

Desde esta opción accedes a una lista de complementos para ampliar las funcionalidades de WPForms.

En la versión Lite tienes toda la relación de complementos disponibles e indicaciones explícitas de que necesitas la versión comercial para cargar cualquiera de los addons.

En la versión comercial tienes la misma lista de complementos y la posibilidad de adquirirlos y cargarlos en tu WordPress.

Los complementos son numerosos y siempre están trabajando en crear nuevos en base a las peticiones de los clientes y a un sistema de votaciones.

Conclusiones

Si te has leído el artículo y has visto los vídeos creo que coincidirás conmigo en que WPForms es un plugin accesible para todos los públicos, tanto personas novatas como personas con más tablas y experiencia.

Considero que es una herramienta muy apropiada para emprendedores digitales knowmadas, para dueños de sitios web que emplean WordPress, para diseñadores web y para todo aquel que quiera diseñar formularios en WordPress.

Como dueño de un sitio con WordPress con WPForms tienes completa autonomía y capacidad para diseñar los formularios que se te pasen por la cabeza sin depender de nadie, más que de ti mismo.

Todo depende de tu pericia y de las ganas que tengas de aprender, pero aprender a tomarle el pulso al plugin y configurarlo. Nada más.

En cuanto lo consigas, sentirás que tienes todo el control y plena libertad para diseñar cualquier formulario que te propongas.

Además, no tienes que lidiar con ni una sola línea de código o al menos, en muy poquita medida.

Un poco de html a la hora de insertar en tu formulario una casilla de verificación para que contenga un enlace a tu página de privacidad.

Te dejo esos recursos disponibles para descarga para que tan solo tengas que copiar y pegar. Recuerda personalizarlos en función de tus datos.

A mi lo que me cautivo fue su área de diseño de formularios que comparándola con otras soluciones -concrétamente con contact form 7- me supuso un cambio a mejor a la hora hora de crear los formularios. Esto motivó enseguida mi deseo de invertir en la herramienta.

Lo que se me pasa por la cabeza lo consigo diseñar en cuestión de poco tiempo y hasta la fecha he creado todos los formularios que he necesitado sin tener que preguntar por aquí y allá o invertir tiempo leyendo artículos por Internet para conseguir el resultado deseado.

En definitiva, hago los formularios que quiero, tardo menos tiempo, los personalizo al gusto y me complico menos la vida.

¿Cuánto cuesta esto? 39$/año. Pues listo, no se hable más.

Y por hoy no tengo nada más que contarte sobre WPForms.

Creo que no me dejo nada relevante en el tintero, en cualquier caso, tienes los comentarios abiertos. A tu discreción.

3 comentarios en “WPForms. Diseña y crea formularios de todo tipo en WordPress”

  1. ¡Hola! Muy útil toda la información, mil gracias por tu trabajo. ¿Sabes por qué no se puede editar el mensaje de confirmación de la recepción del mensaje? Me aparece el apartado en blanco y al no poder modificarlo, al usuario le aparece en inglés… ¡Gracias!

      1. ¡Gracias! Sí, no me sale nada en ese apartado. Seguiré probando. He llegado a pensar que igual era una opción de pago, pero si tú puedes verlo, seguiré intentándolo.

Dejar un comentario

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

Responsable » Paul Benítez Icatt
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que me facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting de AdministrandoWP) dentro de la UE. Ver política de privacidad de SiteGround. (https://www.siteground.es/privacidad.htm).
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.