Gravity Forms WordPress plugin

Actualizado: agosto 2018

Si estás buscando cómo crear un formulario de contacto WordPress para tu web, Gravity Forms es un plugin premium que casi con total seguridad tiene todo lo que necesitas por muy complicado que parezca.

gravity forms

Gravity Forms WordPress plugin
4,8 (95%) 4 votes

Este plugin ha sido creado, desarrollado y mantenido por Rocket Genius, requiere una instalación de WordPress igual o superior a la 3.9, una base de datos MySQL 5 y un servidor con soporte para PHP 5 o superior.

Gravity Forms es junto con el plugin de WordPress Contact Form 7, el más conocido para crear formularios de contacto de todo tipo, con la diferencia de que en este caso, al ser un plugin premium, las opciones y funcionalidades se multiplican.

Gracias a su interfaz drag & drop, este plugin permite crear diferentes tipos de formularios simplemente arrstrando y soltando los elementos que necesites para insertarlos en cualquier página, entrada o widget de WordPress.

Al ser un plugin tan extendido, hay numerosos add ons y complementos / extensiones que permiten añadir funciones adicionales y compatibilidades con servicios externos.

Además, Gravity Forms posee un avanzado sistema de confirmaciones y notificaciones, campos condicionales lógicos y almacena todo el contenido que se envía a través de los formularios directamente en la base de datos de WordPress.

Cómo descargar Gravity Forms

Si te parece interesante lo que llevamos hasta ahora, debes saber que el plugin Gravity Forms está disponible para WordPress a través de tres licencias de uso:

Licencia Personal

Si sólo necesitas crear formularios de contacto para un único web, lógicamente la licencia que más te interesa es la personal.

Esta licencia incluye:

Licencia Negocio

Si haces alguna web para ti o para clientes (aunque sea de vez en cuando), quizás te interese valorar opciones más a largo plazo como son la licencia de negocio o desarrollador.

Con la licencia para negocios podrás utilizar Gravity Forms en un máximo de hasta tres sitios web.

Está versión incluye todas las características de la versión básica y además extensiones PRO, con las que podrás integrar, por ejemplo, servicios de Email Marketing a través del plugin.

Licencia Desarrollador

Adquiere la licencia para desarrollador si estás interesado en aprender WordPress y utilizar Gravity Forms en múltiples sitios (para ti o tus clientes) o en una red de blogs por ejemplo. Podrás usarlo en todos los sitios web que quieras.

Esta versión incluye todas las ventajas de las anteriores y además extensiones del nivel Elite.

Entre otras, las funcionalidades que podrás añadir con los Add-Ons del plan Elite son:

Como ya hemos comentado, todos los planes de este plugin, incluyen servicio de soporte técnico vía “ticket” y actualizaciones gratis durante un año.

Pero, si compras el plan Elite del plugin Gravity Forms, tendrás soporte técnico prioritario.

Descargar Gravity Forms para WordPress

Una vez adquieras Gravity Forms y su licencia de uso, es momento de instalar plugin en WordPress.

Para iniciar este fácil procedimiento necesitamos los archivos propios del plugin, debido a que Gravity Forms es un plugin premium (de pago), este no está disponible en el repositorio oficial de plugins de wordpress.org.

Por eso, debes dirigirte a la web oficial del plugin www.gravityforms.com, y en la sección Login deberás ingresar el nombre de usuario y contraseña que utilizaste durante el proceso de compra.

Hecho lo anterior tendrás acceso a una barra lateral con distintos enlaces de interés, entre ellos se encuentran:

Por supuesto, debemos ir al apartado Download Gravity Forms, comprobar que la última versión más reciente del plugin está disponible y darle click al botón para comenzar la descarga.

Al finalizar la descarga tendrás una carpeta comprimida con un nombre similar a “gravityforms_”, seguido del número de la versión actual y la extensión de archivo “.zip”.

Cómo instalar Gravity Forms en WordPress

Ahora bien, como seguramente sabrás, en WordPress existen dos formas de instalar un plugin, la primera es a través del panel de administración de la web y la segunda a través del protocolo FTP.

Ambos procesos se pueden realizar de igual modo tanto para plugins premium como en este caso, como en los gratuitos.

Instalar Gravity Forms a través de la administración de WordPress

La primera opción para instalar Gravity Forms de forma más fácil consiste en ingresar a nuestro escritorio de WordPress, utiliza una cuenta con permisos de administrador.

Una vez dentro, ve all menú lateral izquierdo en “Plugins” y elige la opción “Añadir nuevo”, en la página “Añadir Plugin” haz clic en el botón “Subir Plugin” y elige el archivo “.zip” del plugin que quieras instalar, en este caso el archivo que contiene Gravity Forms.

Cuando termine de subirse, haz clic en el botón “Instalar ahora” para iniciar la instalación, que tardará unos segundos.

Cuando se muestra el texto “Plugin instalado correctamente”, haz clic sobre el enlace “Activar Plugin” y ya podrás empezar a configurarlo para crear tus formularios de contacto.

Instalar Gravity Forms con un programa FTP

La segunda forma para instalar el Plugin es utilizada por usuarios algo más avanzados, ya que consiste en descomprimir el archivo y cargarlo vía protocolo FTP, utilizando un programa gratuito como FileZilla o Transmit.

Consulta con tu proveedor de hosting los datos para acceder a tu servidor vía FTP, los datos de conexión (protocolo, servidor, nombre de usuario, contraseña y puerto) varían dependiendo del proveedor y de la configuración del servidor.

Una vez conectado vía FTP, ve a la carpeta plugins que está dentro de wp-content y sube la carpeta descomprimida que hemos descargado con el plugin.

Hecho lo anterior ve al escritorio de WordPress, en un lateral izquierdo “Plugins”, opción “Plugins Instalados” y haz click al enlace “Activar” que se muestra debajo del nombre Gravity Forms.

Cómo activar el plugin Gravity Forms en WordPress

Ahora que el plugin Gravity Forms ya está instalado y activo en nuestro WordPress, es necesario añadir la licencia de uso antes de empezar a crear formularios de contacto.

La licencia de uso incluye un año de actualizaciones automáticas y nos permite tener acceso al soporte técnico.

Normalmente la licencia de uso te llegará vía correo electrónico, pero también puedes obtenerla visitando la página oficial, en la sección Support.

Una vez introduzcas tu nombre de usuario y contraseña haz click en My Account que se encuentra junto al avatar de tu usuario.

Copia la clave de licencia y vuelve al escritorio de WordPress.

En el menú lateral, Formularios, opción Configuración tendrás que pegar la clave de licencias en el campo Licencia de soporte.

Una vez realices esto último, ya tendrás tu plugin Gravity Forms listo para funcionar y podrás empezar a crear los formularios para tu web.

Tener una licencia activa es indispensable para activar las actualizaciones automáticas del plugin y tener acceso al soporte si fuese necesario.

Configuración ajustes generales de Gravity Forms plugin

Una vez instalado, activo y listo para usar, te recomiendo empezar configurando algunos de los aspectos más importantes del plugin antes de lanzarte a la creación de los formularios para tu web.

Estilos CSS y etiquetas HTML 5

Por ejemplo, en la página de ajustes generales, es posible activar o desactivar la inserción de estilos CSS incluidos con el plugin y el uso de campos compatibles con HTML5.

Modo no conflicto

Activar el modo no conflicto para prevenir que scripts y estilos de otros temas o plugins de WordPress creen problemas de integración o incompatibilidades.

Divisas

Si pretendes utilizar el plugin Gravity Forms para vender productos o servicios, selecciona la moneda de tu elección. Entre las divisas disponibles encontrarás:

Actualizaciones automáticas

Activa esta opción si deseas descargar e instalar actualizaciones de seguridad o versiones para corregir errores de forma automática.

Recuerda que este ajuste requiere de una licencia de Gravity Forms en vigor.

Desde TutorialWP te recomendamos los siguientes ajustes:

Evita el spam con Google reCaptcha

Algo más que te sugiero activar es el servicio gratuito reCaptcha de Google, el cual te ayudará a reducir el spam generado por robots.

Para lograr esta integración deberás usar tus datos de acceso de Gmail haciendo click en el enlace solicita o directamente visitando la página oficial de Google reCaptcha.

para iniciar la creación de tu cuenta reCaptcha, pulsa el botón de la parte superior Get reCaptcha y añade la información que te requerirán en el formulario siguiente.

En las cajas de texto escribe el nombre del dominio de tu sitio web, haz clic sobre el botón Registro, a continuación tendrás una clave del sitio y una clave secreta.

Copia cada una de las claves y pégalas en los ajustes generales de Gravity Forms y guarda los nuevos ajustes del plugin cuando termines.

Estado de la instalación

Una parte importante de la sección de ajustes generales es el estado de la instalación. Esta información confirmará si nuestra instalación de WordPress cumple con los requisitos mínimos para usar el Gravity Forms.

En la siguiente pestaña, encontrarás todo lo relacionado con la API de Gravity Forms para que si tienes los conocimientos de desarrollo suficientes puedas interactuar con el plugin.

Por último, ingresa a la pestaña Desinstalar y haz clic sobre el botón desinstalar Gravity Forms, si deseas desinstalar y borrar por completo todos los datos de este plugin.

¿Ya has llegado hasta aquí?

Enhorabuena, Gravity Forms ya está instalado, activo y has configurado los ajustes generales del plugin.

Es hora de crear y añadir formularios de contacto en tu web.

¡Vamos a ello!

Introducción al editor de formularios Gravity Forms

A continuación, es momento de iniciar la creación de nuestro primer formulario y conocer el editor principal del plugin Gravity Forms.

Para crear un nuevo formulario existen dos opciones, desde el menú lateral izquierdo “Formularios > Nuevo formulario”, o bien a través del menú superior “Nuevo > Formulario”.

De forma automática observarás una ventana emergente llamada “Crear nuevo formulario”.

Campos de formulario obligatorios y opcionales

Los campos marcados como obligatorios muestran un asterisco en color.

Suelen ser el título del formulario, el email de contacto y el mensaje en sí.

Otros campos como la descripción, el asunto o teléfon suelen ser campos opcionales que pueden resultar útiles para los visitantes del sitio.

Menú principal de Gravity Forms

A continuación, se muestra el menú principal, el cual incluye enlaces a los ajustes principales del formulario.

El primer elemento del menú principal es el editor, el cual funciona mediante la interfaz del tipo arrastrar y soltar (drag & drop), y nos permite crear o editar un formulario sin necesidad de saber programar.

Observa que el editor emite por defecto un ejemplo con cinco pasos de cómo comenzar la creación de un formulario con Gravity Forms y a la derecha se muestran los diferentes grupos de campos que podemos utilizar.

Configuración Gravity Forms

El enlace de configuración de Gravity Forms incluye configuraciones generales del formulario que permiten cambiar el título, diseño y texto del botón que enviará la información.

Confirmación y otras notificaciones

Las confirmaciones son mensajes que se muestran en pantalla al usuario o redirecciones automáticas cuando alguien completa y envía un formulario.

Las notificaciones son mensajes que se envían como email al administrador del sitio o a cualquier dirección electrónica de tu elección.

Entradas

La sección entradas muestra un registro de todas las entradas generadas y capturadas por un formulario.

Previsualizar

Previsualizar permite ver el diseño y la estructura del formulario actual, antes de insertarla en páginas, entradas o widgets.

Seleccionar formulario

Por último, se incluye un menú desplegable que permite cambiar rápidamente a cualquier formulario creado.

Tutorial Gravity Form en español

Video de aprendoalacarta

Más información sobre Gravity Forms

¿Alguna pregunta?

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

¡Sigue leyendo!






© TutorialWP.online, 2017 - 2018