Tutorial WP Forms (Lite) 2018 en español – Configuración y Opinión

Actualizado: octubre 2018

Siguiendo con la serie de tutoriales WordPress paso a paso, hoy hablaremos de WPForms Lite, un plugin gratuito con addons premium de lo más interesante. ¡No te lo pierdas!

WP Forms Tutorial configuracion

Tutorial WP Forms (Lite) 2018 en español – Configuración y Opinión
5 (100%) 3 votes

Crear formularios de contacto en WordPress es algo muy sencillo, sobre todo gracias a la gran variedad de plugins disponibles para dicha funcionalidad.

Pero por el mismo motivo, debido a dicha variedad, es posible que no sepamos bien cual es el mejor plugin y el que más nos conviene según nuestras necesidades.

Por eso hoy, os presento una review y tutorial del plugin WPForms Lite.

Desde el 19 de septiembre de 2018, el plugin Pirate Forms ha sido adquirido y fusionado con WPForms.

Al juntar lo mejor de ambos plugins, esto no hace más que mejorar las opciones si te decides por utilizarlo en tu web.

Como ya es habitual, cuenta con una versión gratuita y otra premium, además de varios add-ons o extensiones para ampliar las funcionalidades de base.

A través de este artículo conocerás a fondo la versión gratuita, pasando por cómo instalar WPForms hasta cómo configurarlo para añadir los formularios que necesites a tu web.

El plugin WPforms de WordPress no solo te permite crear formularios de contacto sin más, sino que tienes otras opciones disponibles, en función de la versión del plugin que estés usando *.

* La versión premium de WP Forms cuenta con planes de pago que van desde los 49$ hasta los 349$ anuales.

Puedes ver todos los detalles en la web oficial del plugin.

Contact Form by WPForms – Drag & Drop Form Builder for WordPress

Ahora sí, entrando de lleno en este tutorial del Plugin WPForms podemos decir que es un builder (constructor) de formulario con la característica Drag & drop (Arrastrar y Soltar) lo que lo hace un plugin muy fácil de usar.

wpforms

Bajar plugin gratis pulsando en este enlace

Como características generales podemos nombrar:

Como puedes observar este tipo de plugin tiene gran versatilidad y facilidad que te permite en unos pocos clics instalar un formulario de contacto en casi cualquier lugar de tu WordPress.

Cómo crear un formulario de contacto con WPForms

Una vez instalado nuestro plugin WPForms en nuestro WordPress a través las maneras ya conocidas debes ir a tu escritorio y específicamente en la sección o ruta WPForms/add new donde tendrás cuatro (4) opciones disponibles para tal fin:

Blank Forms

Al presionar el botón estarás creando un formulario en blanco que te permite crear cualquier tipo de formulario usando la características de Drag & Drop.

Simple contact Forms

Al presionar este botón se carga un formulario ya prediseñado donde podrás agregar y eliminar campos según sea necesario.

Newsletters Signup Forms

Al presionar este botón puede crear un formulario de suscripción y empezar a crear una lista de correo electrónico. Puede agregar y eliminar campos según sea necesario.

Suggestion Forms

Al presionar este botón puedes crear un Pídales sugerencias a sus usuarios con esta plantilla de formulario simple. Puede agregar y eliminar campos según sea necesario.

Con la opción número dos (2) tienes la posibilidad de crear un formulario de contacto a través de una plantilla prediseñada donde podrás adicionar o quitar campos de una manera sencilla, los campos con los cuales cuentas son:

NOTA Este plugin en su última actualización trajo consigo una casilla de verificación o aceptación con respecto a la nueva normativa Europea conocida como RGPD (Reglamento General de Protección de Datos).

Es importante destacar que para modificar cada uno de los campos disponibles solo debes dar clics a cada uno de los nombres de campo ubicados a mano derecha (Ver imagen a continuación) y luego se activará a mano izquierda de tu pantalla las opciones de campo modificables.

De esta manera podrás colocar cada uno de los nombres de los campos a conveniencia y en tu idioma.

formulario contacto wpforms

Ajustes del formulario de contacto WPForms

Este plugin posee la virtud de hacer ajustes globales e individuales, de estos últimos quiero hablarte ya que te permite de manera individual o por cada formulario creado una configuración distinta, veamos a lo que me refiero:

Para esto cuentas con tres (3) pestañas:

General

Aquí puedes configurar el nombre y descripción del formulario, puedes asignar clases css, habilitar reglas anti-spam y otras configuraciones.

wpforms ajustes generales

Notificaciones

Aquí tienes habilitado la opción de configurar cada uno de los parámetros de envío y recepción de los mensajes como por ejemplo dirección de correo electrónico de correo recolector, es decir quien recibirá las notificaciones, nombre, asunto, e-mail desde donde se envía, etc.

wpforms notificaciones

Confirmación

Por último y no menos interesante está la sección de confirmación del mensaje donde puedes configurar qué pasa después que se envía un mensajes desde este formulario de contacto, es decir, puedes decir que luego de presionar el botón enviar muestre un mensaje preconfigurado, muestre una página o te redirija a una url particular.

Estas configuraciones que os acabo de mostrar son bastante interesante por ejemplo si cuentas con un equipo de colaboradores o trabajadores que se encargan de la recepción por separado de cada uno de los contactos.

wpforms confirmacion

Cómo añadir un formulario de contacto WPForms en artículos o páginas de nuestro WordPress

Imagina que deseas recolectar información de interés de cada uno de los visitantes a un artículo en particular ya que deseas seccionar estas visitas, o crear la típica página de contacto.

Esto es una tarea bastante sencilla y para ello cuentas con dos opciones:

Barra de herramientas

Encima de la barra de herramientas de nuestro editor de textos presiona el botón “add forms” en donde se mostrará una caja con unos diálogos de configuración, configura a gusto y por último presiona el botón “add form”.

añadir formulario wpforms

Shortcode

O a través del shortcode “[wpforms id=”23″ title=”false” description=”false”]”, es código lo puedes conseguir yendo a la sección donde creaste el formulario de contacto.

Listo, bastante sencillo el tutorial pero puntual para crear formularios WordPress a través del Plugin WPForms, con la aplicación de este tutorial en español sobre WPForms podrás en un par de clics tendrás creado un potente formulario de contacto para que tus visitantes interactúen con tu sitio web en cuestiones de segundos.

wpforms shortcode

Otras funcionalidades destacadas de WPForms

Como la mayoría de los plugins de formularios para WordPress de alta calidad, WPForms cumple con los estándares de calidad en lo que se refiere a seguridad y protección contra spam, notificaciones instantáneas cuando alguien completa un formulario, y otras características comunes como añadir todos los tipos de campos principales en tu formulario (cajas de texto, desplegables, botones de radio y casillas de verificación).

Sin embargo, si anteriormente ya has usado alguno de los plugins más comunes como Contact Form 7, Gravity Forms, Caldera Forms o Ninja Forms, sabrás que cada plugin tiene su propio enfoque y filosofía única sobre cómo construir un formulario en WordPress.

Lo que quiero decir es que cada uno de estos plugins tiene sus puntos fuertes, y es por eso que en este artículo te explicaré lo que creo que WPForms hace mejor que cualquier otro plugin de la competencia.

Maquetador drag & drop (arrastrar y soltar)

Con maquetadores visuales como Visual Composer o Beaver Builder ya entre nosotros desde hace años, los usuarios sin conocimientos técnicos, esperan el mismo tipo de flexibilidad y facilidad para todo.

WPForms tiene una interfaz de usuario de construcción de lo más intuitiva y fácil de usar.

Y es que el equipo detrás de WPForms se ha esforzado en que su plugin sea realmente sencillo y apto para todos los perfiles de webmasters.

Mayor facilidad de uso en general

Una vez empiezas a diseñar y añadir campos, WPForms desplegará una interfaz totalmente personalizada aparte de la nativa del administrador de WordPress.

Esto puede no gustar a todo el mundo, pero en mi opinión, todo lo que haga que el proceso sea más fácil para que sea utilizado por más gente, bienvenido sea.

Al abrir una interfaz de usuario completamente separada y drásticamente simplificada, el proceso de creación y diseño se hace mucho más simple y limpio.

Este es un enfoque que cada vez más y más plugins están adoptando y bien implementada, funciona bastante bien.

Opciones dinámicas

WPForms permite añadir fácilmente fuentes de datos dinámicas para completar los desplegables, lo que es realmente útil en algunos sitios web.

Plantillas pre-diseñadas

Si eres diseñador o desarrollador web, o en definitiva estás a cargo de diferentes páginas, te encantará esta funcionalidad.

WPForms cuenta con varias plantillas prediseñadas para la mayoría de opciones más comunes.

De esta forma, sólo tendras que configurar los detalles según tus necesidades, ahorrándote gran parte del trabajo.

Lógica condicional inteligente

Gracias a esta propiedad, podrás mostar ciertos campos únicamente a una selección de usuarios en función de varios criterios o filtros.

Esto te ayudará a conseguir una mayor tasa de cumplimentaciones y envíos.

Aprovecha esta funcionalidad para asegurarte de que los campos a rellenar sean lo más corto posible.

Si sólo muestras los campos mínimos necesarios según el contexto, recibirás muchos más correos.

Formularios de varias páginas

Otra gran manera de maximizar las tasas de envíos es dividirlos en varias páginas.

Aunque esto puede parecer contraproducente, es mucho más probable que un usuario rellene 3 pantallas, con 3 campos en lugar de una única pantalla con 9 campos a rellenar.

De hecho, incluso puedes aprovechar para aprovechar algún dato más sensible de la cuenta en último lugar.

Si ya le has dedicado tu tiempo a rellenar todo lo anterior, no te parecerá tan grave dar tu email o número de teléfono si con eso terminas mandando el email y no perdiendo el tiempo.

Registro de usuario

Si desea configurar una forma sencilla de registrar usuarios en su sitio, también lo puedes hacer mediante WPForms en cuestión de segundos.

Con WPForms, no sólo tendras esta funcionalidad cubierta, si no que además, vitarás tener que instalar un segundo plugin para ese único fin.

Compatible con el editor Gutenberg

WPForms ha añadido recientemente soporte para el nuevo editor de WordPress Gutenberg que verá la luz con WordPress 5.0.

Aunque (aún) no todo el mundo es fan de Gutenberg, está claro que está aquí para quedarse y para que los plugins continúen prosperando en el ecosistema de WordPress necesitan adaptarse a este editor.

WPForms tiene su propio bloque para Gutenberg, lo que te permitirá añadir contenido creado con WPForms de forma fácil y rápida.

Extensiones o Addons para WPForms

Como es habitual, todos los plugins famosos tienen una lista (más o menos larga) de addons o extensiones para ampliar funcionalidades del plugin original.

Normalmente ideadas para conectarse con servicios de terceros, una extensión o addon no es más que otro plugin que añade una funcionalidad más o menos específica y se integra perfectamente y depende a su vez del plugin principal.

Algunos de los Addons más utilizados en WPForms son:

Extensiones de pago para Stripe y Paypal

Gracias a WPForms, crear una pasarela de pago vinculada con Stripe o Paypal es realmente sencillo utilizando cualquiera de los complementos de pago de WPForms para Paypal y Stripe, una vez más, a veces simplemente no quieren o necesitan los gastos generales de WooCommerce o Easy Digital Downloads para empezar a aceptar pagos en línea. Un cliente nuestro que es dentista utiliza Clinic Pro y WPForms y permite a los pacientes reservar una cita y pagar en línea por adelantado, eliminando una gran cantidad de presión del personal de la clínica cuando los pacientes entran y salen.

Extensiones de email marketing (Mailchimp, Drip, Campaign Monitor, Constant Contact y otros)

Lo más probable es que quieras almacenar el contenido de los emails que te envíen tus usuarios en algún otro lugar aparte de tu bandeja de entrada.

Por ejemplo, para una suscripción a una newsletter, lo último que querrás es tener que copiar y pegar manualmente a los nuevos suscriptores en el proveedor de email marketing que uses.

Para evitar todo esto, WPForms se integra automáticamente con la mayoría de plataformas de email marketing como Mailchimp, Drip y Campaign Monitor.

Zapier Addon

Zapier es una de las formas más inteligentes de automatizar el traslado de datos de una aplicación a otra.

Si nunca has usado Zapier antes, te recomiendo que lo pruebes.

Un ejemplo sencillo sería rellenar una hoja (spreadsheet) de Google con los formularios entrantes.

Con la extensión de WPForms para Zapier podrás hacer todo esto y mucho más con apenas un par de clics.

Cómo cumplir la RGPD con WP Forms

¿Es posible cumplir la normativa RGPD con el plugin WPForms?

Esto es algo que nos tendremos que plantear a partir de ahora siempre que vayamos a instalar un plugin de este tipo.

Tan importantes son las funcionalidades, integraciones y el precio como si se puede cumplir la nueva normativa fácilmente.

En el caso de WP Forms, se puede cumplir la RGPD perfectamente.

Aquí os dejo un video de Marca Craft en el que nos explica cómo añadir una casilla de verificación o checkbox con nuestra política de privacidad.

Configurar WP Forms para activar la casilla de verificación

Video Marca Craft

Comentarios finales sobre el plugin WPForms Lite

Espero que este tutorial de WPForms en español haya sido de tu agrado y te haya servido para crear tus primeros formularios de contacto en tu página WordPress.

Como ves es una tarea sencilla sin embargo a veces nos complicamos la vida con la creación de estos formularios a través de la aplicación de códigos HTML y PHP innecesarios.

Instala y configura el Plugin WPForms de WordPress y olvídate de pasar un mal rato con el php si la programación no es lo tuyo.

Esto al día de hoy es una tarea sencilla, rapida y debe seguirlo siendo a través del uso de plugins potentes como el Plugin WPForms.

¿Alguna pregunta?

Si tienes alguna duda, o si te ha gustado el post, te espero en Twitter: @TutorialWP_

¡Sigue leyendo!