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

Actualizado: junio 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%) 1 vote

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.

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 *.

* NOTA: 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

Extensions 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:

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!