email telefono contacto

Gravity Forms: Guía completa sobre este plugin de formularios

En cualquier web es tan importante generar un buen contenido como comunicarse con tu audiencia y conocer sus necesidades. Para ésto hay un elemento web que te va a ayudar a que tus visitantes se pongan en contacto contigo: los formularios. En este artículo te voy a hablar de las ventajas y funcionalidades de uno de los mejores plugins para WordPress del mercado: Gravity Forms.

En caso de que tus exigencias sean mínimas y no quieras gastar dinero alguno, te recomiendo que visites nuestro artículo sobre Contact Form 7, donde te explicamos en profundidad el funcionamiento de éste. No podemos esperarnos la panacea de los formularios, pero suple funciones básicas para que tus proyectos vayan cogiendo algo de forma.

Gravity Forms: Guía completa sobre este plugin de formularios 1
¡Suscríbete al boletín!

No te enviaremos spam, lo prometemos. Enviamos a nuestros suscriptores contenido sobre WordPress, hosting, marketing digital y programación.

+ Información básica sobre protección de datos

¿Qué es Gravity Forms?

Gravity Forms es un plugin premium de WordPress para crear y gestionar los formularios de tu web. A nivel de funcionalidades, sencillez y usabilidad es insuperable. Claro está, las mejores cosas no siempre son gratis y por ende tendremos que hacer un pequeño desembolso en una de sus licencias para poder tener acceso a este maravilloso addon de WordPress.

Las licencias están bastante bien seccionadas, por lo que pagarás lo justo, tanto si eres una pequeña empresa, como si necesitas acceso ilimitado a esta tecnología en todos tus proyectos.

Precios Gravity Forms

Como puedes observar, para la licencia “Basic License” no existen apenas restricciones: no hay límites en los formularios y te ofrecen igualmente soporte técnico aunque no tenga la misma prioridad que una licencia superior.

Como puedes ver, el paquete más básico es muy completo.

Ventajas de usar Gravity Forms

Si todavía no estás decidido en dar el salto a un plugin de pago en esto de los formularios, o bien no sabes si Gravity Forms mejorará tu experiencia actual con otros addons, ésta es tu sección. Empecemos:

  • Sencillo a la vez que potente

    El sencillo y amigable editor drag & drop te enamorará desde el primer segundo. Te ofrece una interfaz muy simple y tan solo hará falta un par de clics para tener un formulario funcional. Esto no quita que puedas dedicarle algo más de tiempo y tendrás el formulario de tus sueños.

  • Gran abanico de campos

    Parte de su sencillez reside en un sidebar con una gran cantidad de campos predefinidos. Gracias a esto, podrás crear muy fácilmente tus formularios y dedicar más tiempo a diseñarlos y configurarlos correctamente

  • Protección anti-spam

    Gravity Forms te brinda un mecanismo de defensa ante el spam muy robusto, ya sea mediante Captcha o Anti-Spam HoneyPot.
    Te explicaremos más adelante sobre estas características.

  • Integraciones mediante addons

    Este apartado dependerá de la licencia que tengas contratada, ya que a mayor nivel de ésta, mayor será el conjunto de extensiones que tendrás disponibles para tus formularios. Aquí voy a hacer mención de algunas de ellas como puede ser Paypal, Stripe a la hora de gestionar pagos, MailChimp como herramienta de email marketing o Survey para hacer amenas encuestas.

Gravity Forms tiene una gran utilidad y versatilidad pero esto lo irás descubriendo a medida que trabajes con él. ¡Pongámonos manos a la obra!

Cómo instalar Gravity Forms

La instalación de Gravity Forms es bastante sencilla aunque no la que acostumbramos a hacer desde el repositorio de WordPress, debido a que este plugin es premium. Para instalar Gravity Forms deberás dar los siguientes pasos:

  1.  Descarga el plugin de Gravity forms desde la web oficial.Primero necesitarás una cuenta en la página oficial de Gravity Forms y, por supuesto, haber comprado una de sus licencias para tener acceso a la descarga del instalador del plugin.Como bajar Gravity Forms
  2.  Sube el archivo.Después de descargar el instalador, tendrás que abrir tu panel de control de WordPress y, en la pestaña de Plugins, realizarás esta instalación “manual”.
    Los pasos a seguir serán: Subir plugin -> Seleccionar archivo y deberás elegir desde el explorador de archivos el plugin que tendrá un nombre del estilo “gravityforms_2.4.11.zip” para, seguidamente, pulsar un nuevo botón Instalar ahora.Agregar plugin a Gravity Forms
    Después de una pequeña espera, lo tendrás instalado.
  3.  Activa el plugin.Pese a esto, ningún plugin se activa automáticamente después de instalado. Deberás activarlo desde la pestaña Plugins.
    Como activar pluginTan simple como buscar Gravity Forms y presionar el botón de activar.
  4.  Valida tu licencia de Gravity Forms.Por último, lo único que te quedará por hacer será introducir la licencia. Para esto tendrás que dirigirte a una nueva pestaña llamada Formularios y buscar el submenú Ajustes.Activar licencia de productoIntroduces el código de licencia en el campo apropiado y si todo está correcto, te avisará con un mensaje de que es válida y ya podrás trabajar con Gravity Forms.
  5.  Actualiza el plugin.Como recomendación general y antes de ponerte a trabajar, ya sea por alguna funcionalidad nueva o, más importante, algún hotfix para una vulnerabilidad que se haya encontrado, deberás actualizar regularmente tanto Gravity Forms como cualquier otro plugin que tengas instalado en tu WordPress.

Gravity Forms WordPress: Cómo configurarlo

Como con cualquier plugin, es necesario que te asegures de que todo está configurado de manera correcta para que Gravity Forms funcione de manera óptima.

Para encontrar esta configuración dirígete al sidebar izquierdo de WordPress. Verás que ha aparecido un nuevo apartado llamado Formularios que, al desplegarse, te dejará seleccionar la opción de Ajustes.

Configuración del plugin

A continuación, te muestro cuál sería para mí la mejor configuración para Gravity Forms en el momento en que escribo este artículo. Te recomiendo que hagas lo siguiente:

  • Insertar CSS: Esto te permite añadir código CSS a tus formularios. Si tienes conocimientos sobre este lenguaje de marcado y vas a personalizar tus formularios, actívalo.
  • Uso de HTML5: Al igual que CSS, sirve para añadir HTML personalizado a tus formularios. Te recomiendo dejarlo activado ya que siempre se acaba añadiendo algún detalle en HTML.
  • Modo sin conflictos: Esta opción existe por problemas que puedes tener con otros plugins y themes, ya que pueden entorpecer al propio código de Gravity Forms. Por lo tanto, si tienes algún fallo prueba a activar esta casilla.
  • Moneda: Aquí deberás seleccionar la moneda con la que quieres trabajar.
  • Actualizaciones automáticas: Aquí podrás decidir si activar las actualizaciones automáticas. Si tiendes a ser olvidadizo recomiendo que lo dejes en automático. En caso contrario, lo mejor es actualizar de forma regular y manualmente.
  • Menú de la barra de herramientas: Esto te permite mostrar o ocultar el menú de la barra de herramientas. Lo mejor es que lo dejes activado ya que te ayudará a trabajar con algo más de rapidez.
  • Registro: El registro te permite depurar y ver los fallos que puedan ocurrir en tu Gravity Forms. Recomendamos desactivarlo si no dispones de muchos recursos, ya que puede llegar a ralentizar todo el sistema.

A mayores, te permitirá configurar (si dispones de él) el reCAPTCHA. Simplemente deberás cumplimentar los campos que se requieren y ya lo tendrás configurado para poder utilizarlo en tus formularios.

Configuración Captcha


Cómo usar Gravity Forms

Antes de empezar a trabajar y ponerte a crear tu primer formulario, te recomiendo que le eches un ojo a esta sección. Te hablaré sobre las configuraciones internas del formulario, los campos que puedes utilizar y cómo configurar estos campos.

Configuración del formulario

Para acceder a estas opciones, deberás entrar en el formulario en particular y en el menú superior tendrás las siguientes opciones.

Editor

Deberás familiarizarte con esta pestaña, ya que pasarás la mayor parte del tiempo en ella, diseñando la estructura de tus formularios. Como más adelante haré un breve ejemplo trabajando con esta herramienta, no profundizaré más por ahora.

Ajustes

Aquí se te desplegarán varias opciones así que iré paso a paso.

  • Ajustes Generales: Configuración básica sobre tu formulario.Configuración general formulario
    Título: Título de tu formulario.
    Descripción: Breve descripción del formulario.
    Ubicación de la etiqueta: Dónde se mostrará la etiqueta.
    Ubicación de la descripción: Dónde se mostrará la descripción.
    Ubicación de la subetiqueta: Dónde se mostrará la subetiqueta.
    Nombre clase CSS: Si quieres utilizar alguna clase CSS, añade el nombre de esa clase o clases separadas por un espacio.
    Tipo de botón: Esta opción te permite decidir si utilizar un botón basado en texto o si, por lo contrario, quieres utilizar una imagen. Yo te recomiendo que trabajes con el botón basado en texto y le des estilos CSS. Evita añadir mucho contenido pesado a tu web.
    Lógica condicional del botón: Te permite mostrar o ocultar el botón siguiendo una serie de condiciones o normas.
    Guardar y continuar: Deberás activar esta opción si necesitas guardar tus formularios con un enlace temporal para continuar con ellos más tarde (recomendado si los formularios a crear son muy largos).
    Limitar número de entradas: Esta casilla limitará el número de envíos que se realizarán por los usuarios en éste.
    Programar formulario: Esta opción te deja activar el formulario durante un tiempo a tu decisión.
    Obligar al usuario a estar conectado: Por si quieres que solo los usuarios logueados puedan ver el formulario.
    Anti-Spam honeypot: Si no utilizas reCaptcha o si quieres librarte de configurarlo, debes marcar esta opción. Aquí explicamos cómo funciona Anti-Spam honeypot.
    Transiciones animadas: Por si quieres que se realice una animación en el momento en el que la lógica condicional haga aparecer o desaparecer algún campo
  • Confirmaciones: Esta será la parte en la que podrás configurar el mensaje o la respuesta que recibirá el usuario al completar el formulario, ya sea mediante un texto, página o redirección a una URL. Algo muy típico es que al rellenar un formulario de suscripción, se redirija al usuario a una página de aterrizaje en la cual agradeces al usuario por su tiempo.
  • Notificaciones: Las notificaciones son correos electrónicos que recibe por defecto el email del administrador de WordPress. Aquí podrás cambiar el correo que está por defecto (si no quieres que lo reciba el administrador), la estructura y el contenido del email de notificación.
  • Datos personales: Opciones sobre datos de usuarios.
    Configuración de datos personalesDirecciones IP: Tendrás que activar esta casilla en el caso de que quieras guardar las IP desde las que se mandan los formularios.
    Política de retención de datos: Esta opción te permitirá borrar automáticamente ciertas entradas de los usuarios con la regularidad que le especifiques.
    Activar la exportación y borrado de datos personales: Marcando esta casilla, a la hora de exportar los datos personales referidos a este formulario, WordPress los tendrá en cuenta.
    Además, es posible que tengas más pestañas o que puedan aparecer a medida que agregues plugins, puesto que aquí será el lugar para configurar sus interacciones con los formularios.

Entradas

Las entradas te permitirán llevar un control de los envíos del formulario en cuestión y así gestionarlos fácilmente. Aunque vincules Gravity Forms a MailChimp u otra herramienta de mail marketing, se almacenarán aquí igual las entradas si no lo desactivas.

Previsualizar

El típico botón para previsualizar el formulario sin tener que guardar o utilizar en alguna página en concreto.

Tipos de campo

A continuación, enumeraré todos los campos disponibles que puedes utilizar en tus formularios, además de una breve explicación de las funciones de cada uno de estos.

Campos estándar

Tanto campos como utilidades básicas que necesitará cualquier formulario, sea del tipo que sea.

  • Línea Texto: Sirve para pedirle al usuario datos de todo tipo como pueden ser nombre, apellidos, edad, etc.
  • Menú Desplegable: En este campo tendrás a tu disposición varias opciones de las cuales deberás que elegir únicamente una.
  • Número: El campo requerirá un número.
  • Botón Opción: Realiza la misma función que el Menú Desplegable pero en este caso se muestra como botones en donde debes marcar uno.
  • HTML: Para utilizar algo más personalizado, aquí te permite introducir tu propio HTML.
  • Página separadora: Esto te será de utilidad si quieres que tu formulario tenga que ser rellenado en varios pasos. Si hay un campo erróneo u obligatorio sin rellenar, no te dejará avanzar en el formulario.
  • Párrafo: Funciona de manera similar que la línea de texto, pero en este caso la caja de texto será mucho más amplia y le será más cómodo al usuario redactar.
  • Selector: Cumple la misma función que el Menú Desplegable, solo que en este caso te deja seleccionar varias opciones.
  • Casillas verificadoras: Al igual que tenemos el Botón Opción para seleccionar una de ellas, tienes las casillas que te permitirá escoger varias.
  • Oculto: Este campo es muy útil cuando tienes muchos formularios en tu proyecto. Este campo es totalmente invisible para el usuario, pero cuando éste completa el envío, se adjuntará para saber qué formulario ha rellenado el usuario.
  • Sección: Un simple separador para escribir encabezados y seccionar tu formulario.

Campos avanzados

Son campos básicos pero con alguna que otra funcionalidad añadida, como tener un formato de entrada o encapsular varios campos en una opción.

  • Nombre: Es un conjunto de campos predefinidos para que introduzcas.
  • Hora: Campo dedicado para introducir una hora.
  • Dirección: Una serie de campos que pedirá información sobre ciudad, provincia, país, etc.
  • Email: Campo para introducir un email.
  • CAPTCHA: Te permite añadir seguridad a tu formulario para evitar spam de bots.
  • Fecha: Mediante un calendario desplegable, te permite seleccionar una fecha.
  • Teléfono: Campo diseñado para introducir un número de teléfono. Te advierto de que deberás cambiar en las propiedades de este campo, el tipo de teléfono a internacional.
  • Web: Campo para rellenar con una dirección web.
  • Subida de archivos: Aquí te permitirá subir uno o varios archivos.
  • Lista: Una lista de campos a rellenar, que podrás personalizar a tu gusto.

Campos de entrada

Este apartado está dirigido a que los usuarios puedan hacer un post utilizando estos campos. Así, éste podrá enviarte borradores de artículos o postearlos él mismo. Los campos son los siguientes:

  • Título: Será el título de la entrada.
  • Extracto: Contendrá un trocito del contenido de la entrada.
  • Categoría: Este campo consiste en un menú desplegable el cual le permitirá al usuario seleccionar entre varias opciones a tu deseo.
  • Campo Personalizado: Campo del tipo que quieras. Deberás cambiarlo en la configuración de este.
  • Cuerpo: Contenido de la entrada.
  • Etiquetas: Etiquetas de la entrada, por las cuales identificarás la finalidad de la entrada.
  • Imagen entrada: Le permitirá al usuario subir un archivo para que sea la imagen destacada de la entrada.

Campos de precio

En el caso de que necesites formularios dirigidos a una tienda online, esta sección es la que necesitas.

  • Producto: Aquí podrás exponer tus productos con sus respectivos precios.
  • Opción: Con este campo puedes añadir variaciones al producto: colores, tamaños, etc.
  • Total: Este campo muestra el precio total de los productos del usuario. Se basa en la información que hay en el propio formulario.
  • Cantidad: Le permite al usuario seleccionar cuántas unidades se desean de un producto.
  • Envío: Sirve para exponer el precio que le costará al usuario el envío de los productos.

Configuración de un campo

Después de haberte explicado cada campo y para qué sirve cada uno de ellos, te voy a hacer una pequeña introducción a la configuración de los mismos. Cada uno tiene sus propias opciones de personalización así que no explicaré todos, pero tomaré como punto de referencia la configuración de Línea de Texto.

Configuracion de campos de Gravity Forms

General

Esta es la primera pestaña que te encontrarás al abrir la configuración de cualquier campo. En ella puedes cambiar funcionalidades y ajustes generales.

  • Etiqueta del Campo: Esta opción corresponde al nombre que aparece encima del campo que estás personalizando. Por ejemplo, si estás creando un formulario de suscripción aquí podrás poner Email. De esta manera, el usuario sabrá que ahí debe escribir la dirección de email.
  • Descripción: Es la descripción del campo que estás editando. Aparece justo debajo.
  • Máscara de entrada: Mediante estas máscaras, puedes cambiar el comportamiento del campo para que solo acepte formatos concretos. Por ejemplo: un número de teléfono de X dígitos, una fecha o hasta un formato personalizado. De esta manera, puedes guiar al usuario para que no se equivoque cuando rellene el formulario.
  • Caracteres máximos: Es el número máximo de caracteres que va a poder introducir un usuario.
  • Obligatorio: Hace que el campo en cuestión sea obligatorio y no dejará al usuario avanzar en el formulario hasta que cumplimente este información.
  • Sin duplicados: No permitirá valores duplicados contrastando esto con la base de datos (perfecto para nombres de usuario o email en los procesos de registro).

Apariencia

La segunda pestaña disponible. En este caso, puedes cambiar ajustes correspondientes a dónde aparecerá el campo, detalles visuales como el tamaño del campo, etc.

  • Marcador de contenido: Escribe dentro del propio campo un texto en gris a modo de guía para el usuario. Desaparecerá si el usuario escribe en el campo.
  • Visibilidad etiqueta del campo: Podrás elegir si mostrar la etiqueta del campo o no.
  • Ubicación de la descripción: Sirve para modificar dónde se mostrará la descripción del campo.
  • Mensaje de validación: Este mensaje será el que se muestre en caso de que el campo sea rellenado incorrectamente.
  • Clase CSS Personalizado: Sirve para personalizar el campo en cuestión mediante estilos CSS.
  • Tamaño Campo: Te permite cambiar el tamaño del campo.

Avanzado

Por último, aquí podrás cambiar opciones más avanzadas y no tan necesarias si lo que buscas es un formulario simple. Sin embargo, si quieres darle un mejor acabado te recomiendo tocar esta parte.

  • Etiqueta de administración del campo: Sirve para modificar el nombre de la etiqueta que aparece en la parte de administración para este campo.
  • Valor Predeterminado: Te permite darle un valor preestablecido al usuario.
  • Habilitar entrada de contraseña: Si es un campo de una contraseña o que simplemente quieres ocultar, deberás marcar esta opción para que salgan unos puntos sustituyendo al texto.
  • Visibilidad: Mostrar o ocultar el campo.
  • Permitir al campo rellenarse dinámicamente: Esta opción nos permite que el campo se autorellene mediante información recogida con anterioridad y ahorrar tiempo del usuario.
  • Activar lógica condicional: Este parámetro tiene algo de dificultad añadida. Por ello, te lo explicaré en detalle en el apartado de Lógica Condicional.

Creando un Formulario en Gravity Forms

La creación del formulario es bastante fácil e intuitiva. Parte de la idea del famoso drag & drop, lo cual te permitirá estructurar tu formulario rápido y de forma muy visual. El propio Gravity Forms te ayudará en tus primeros pasos a la hora de empezar a introducir campos y editarlos.

Drag&Drop

Aquí no voy a extenderme demasiado, ya que es sencillo y Gravity Forms se ocupa de explicarlo claro y conciso, voy a pasar a cosas más avanzadas.

Personalización en CSS

Gravity Forms te permite utilizar clases CSS en sus campos. Gracias a esto, podrás personalizar de infinitas formas tus formularios. Esta opción podrás encontrarla en: Cualquier campo – Menú desplegable – Apariencia – Clase CSS Personalizada.

Configuración clases CSS

Para hacer esta tarea todavía más sencilla, Gravity Forms tiene en su manual de usuario de clases CSS predefinidas toda la información que necesitas para utilizarlas correctamente sin tener que saber CSS: poner los campos en 3 columnas, unos debajo de otros, etc. ¡Vamos a verlo!

A continuación, realizaré un caso práctico para que entiendas cómo funcionan estas clases. En este ejemplo, el formulario está compuesto por dos campos de texto: “Nombre” y “Apellido”.

CSS Gravity Forms

El objetivo es que aparezcan en la misma línea, uno a la izquierda y el otro a la derecha. Para conseguir esto tienes que utilizar las siguientes clases CSS Ready:

  • Para el campo Nombre: gf_left_half
  • Para el campo Apellido: gf_right_half

Después añadir estos parámetros, solo tendrás acordarte de actualizar el formulario y ya podrás ver el resultado pulsando en Previsualizar.

CSS Gravity Forms

Shortcode en Gravity Forms. ¿Cómo inserto mi formulario?

Una vez que hayas creado y personalizado tus formularios, puede asaltarte la siguiente duda: ¿Cómo puedo insertar mi formulario en mi WordPress?

La respuesta es muy sencilla, shortcodes. Los shortcodes son una forma sencilla que tiene Gravity Forms de mostrar los formularios en tus páginas. Ahora te voy a enseñar a utilizarlo. Fíjate en la siguiente línea:

[gravityforms id=NumeroIdentificadorDeTuFormulario]

Para encontrar el ID de tu formulario, es tan sencillo como abrir el formulario del que quieres saber el identificador y, al lado del nombre en naranja, aparecerá el número que necesitas.

Shortcode Gravity Forms

Addons para Gravity Forms

Existen una gran cantidad de extensiones que puedes enlazar con Gravity Forms. Gracias a ellas puedes ampliar el potencial de tus formularios para hacerlos más atractivos y cómodos, tanto a nivel usuario como administrador.

A continuación, te pondré unos ejemplos de Addons para Gravity Forms de diversas funcionalidades y tipos.

MailChimp en Gravity Forms

Capturar leads y gestionar tus listas de suscriptores de una forma eficiente, es una de las cosas más importantes cuando quieres ofrecerle a tu público siempre lo que buscan. Gracias al addon de MailChimp para Gravity Forms podrás recolectar información en cualquiera de tus formularios.

Mailchimp Addon Gravity Forms
Entre muchas otras utilidades que este plugin nos ofrece puedo resaltar la lógica condicional, con la que podrás hacer listas específicas para un público en especial. Con lo que respecta a MailChimp, quiero resaltar también que te dejará tomar cualquier campo de tus formularios y captar esa información en MailChimp como campos personalizados.

Stripe / Paypal en Gravity Forms

Realizar pagos online está a la orden del día. Por ello, tengo la obligación de nombrar a estos dos grandes plugins que te permitirán tanto configurar los pagos mediante Stripe (Tarjeta de credito) o Paypal, como introducir nuevos campos en tus formularios para que estos estén 100% integrados.

Paypal Stripe Addon Gravity Forms

Puntualizar que todo el proceso es sencillo y muy guiado, por lo que no tendrás perdida alguna.

Woocommerce en Gravity Forms

Antes de nada, es necesario saber que este plugin no está integrado en el propio sistema de extensiones de Gravity Forms como Stripe o MailChimp. Este plugin es propio de WordPress.

Woocommerce Addon Gravity Forms

Sencillo y sin tener que configurar nada, en cuanto tengas creado tus formularios con sus respectivos campos de precio (productos, precios, etc.), automáticamente aparecerá en nuestros productos de WooCommerce, un menú desplegable para que introduzcas y personalices tus productos a gusto.

Herramientas que debes conocer de Gravity Forms

En este apartado, nombraré y explicaré el funcionamiento de algunas herramientas de Gravity Forms que nos son de mucha ayuda para hacer los mejores formularios.

Lógica Condicional

Gravity Forms con esta utilidad, lo que te permite hacer es darle un gran dinamismo a tus formularios. Que el usuario sienta que ese formulario está personalizado única y exclusivamente para él es muy importante. Aquí te explicaré esta sencilla herramienta que le da ese toque de personalización automatizada.

En la configuración avanzada de cualquier campo, podrás encontrar la opción “Activar lógica condicional”.

Lógica condicional Gravity Forms

La forma de configurar estas condiciones es muy sencilla e intuitiva como se puede ver en la imagen, podrás mostrar u ocultar los campos dependiendo de lo que quieras que el usuario cumplimente o no, todo en tiempo real para el usuario.

Si a mayores en las opciones generales del formulario activas la opción Transiciones animadas, la aparición o ocultación de los campos condicionados sera mucho mas suave y atractivo para el usuario.

Notificaciones Condicionadas

Hablando de las notificaciones, puede que quieras ser avisado por email si algún usuario ha rellenado uno o varios campos en especial. Esto te puede permitir tratar esta información de una forma más específica, para ello lo único que deberás activar la siguiente opción en la pestaña Ajustes – Notificaciones – Editar – Activar lógica condicional.

HoneyPot / Anti-Spam

Una vez que conozcas esta función, querrás tenerla activada en todos tus formularios. Es una opción de gran utilidad que hace que la experiencia del usuario sea mucho más sana y rápida, quitando esos molestos CAPTCHA que muchas veces sacan de quicio a cualquier persona.

Para activar el anti-spam honeypot, tendrás que abrir el formulario en cuestión y en los ajustes generales lo encontrarás.

Anti-Spam HoneyPot Gravity forms

La forma de operar de esta utilidad es muy sencilla. Añade un campo oculto a tus formularios de forma que, si un usuario normal lo rellena, no podrá cumplimentar tal campo porque no lo puede ver. En cambio, si un bot quiere mandarte spam, para él sí es visible a nivel de código. Por lo tanto, escribirá en este campo oculto y el sistema sabrá que no ha sido un envío lícito.

Conclusión

Gravity Forms es una de las herramientas de formularios más potentes del mercado actual. Espero que con toda la información que te he aportado en este post hayas entendido el por qué gran parte de la comunidad apuesta por este plugin.

Gravity Forms: Guía completa sobre este plugin de formularios 1
¡Suscríbete al boletín!

No te enviaremos spam, lo prometemos. Enviamos a nuestros suscriptores contenido sobre WordPress, hosting, marketing digital y programación.

+ Información básica sobre protección de datos
Dani González Domínguez
Dani González Domínguez

Iniciándome en el mundo del marketing digital y con muchas ganas de aprender. Me gustan los videojuegos, los e-sports y la informática.

Artículos relacionados

Si te ha gustado este post, aquí tienes otros que pueden ser de tu interés. ¡No dejes de aprender!

Tenemos 34 comentarios en "Gravity Forms: Guía completa sobre este plugin de formularios"
  • Hola
    Fantástico el artículo
    Quería preguntarte si existe la posibilidad de que haya un máximo de inscripciones para determinados campos.
    Es decir, por ejemplo, si quieres inscribirte a determinados cursos en una academia, pero existe un número máximo de plazas para cada uno de los cursos, en cuyo caso si se llega al límite de plazas no te deje inscribirte, o te aparezca un mensaje de curso completo, pasas a lista de espera, o algo similar.
    Muchas gracias

    • Hola Manuela.

      Para conseguir lo que comentas puedes utilizar la opción ‘Limitar número de entradas’ dentro de los ajustes del formulario. De esta manera puedes establecer un número máximo de envíos de dicho formulario. Alcanzado este número máximo de envíos el formulario se desactivará. A mayores puedes configurar un mensaje que aparecerá una vez el formulario haya alcanzado el número máximo que hayas establecido.

      Espero haberte ayudado y muchas gracias por tus palabras 🙂

      Un saludo.

      • Hola David, y si por ejemplo tienes 50 camisetas que vender y a las 8 entradas ya se han vendido todas, ¿hay manera de bloquearlo o de paralizar la compra avisándotelo de que está todo agotado?..para que nadie siga comprando…. GRACIAS

  • Estupendo artículo, como siempre soléis hacer.
    Suena fenomenal el plugin y antes de decidirme a instalarlo en mi tienda hecha con Woocommerce quisiera saber si podría hacer tres cosas con él:
    1. No me queda claro si se puede dar de alta con estos formularios un cliente o un vendedor a la base de datos.
    2. ¿Puede implementarse en un formulario pago mediante Redsys?
    3. Me interesaría poner un formulario que una vez rellenado por el cliente elaborara un PDF para descargar. ¿Puede hacerse con Gravity forms?

    Gracias de antemano y enhorabuena por vuestros artículos/tutoriales. Son magníficos

  • Hola!
    Tengo dos consultas:
    1) ¿Es posible cambiar el color de la fuente de algún campo? Por ejemplo: si tengo «Nombre» y «Dirección», que aparezca «Nombre» en rojo y «Dirección» en verde…
    2) ¿Se puede agregar un campo informativo? Por ejemplo: «Recordá que vas a recibir una confirmación de tu inscripción dentro de las próximas 24 hs.»
    Muchas gracias

    • Hola Janet, te contesto:

      1) Si, con CSS, el plugin lo permite mediante clases CSS. También existen plugins para hacer esto, pero la mayoría son de pago.

      2) Si, puedes añadir campos de texto o lo que quieras sin problema.

  • HOLA BUENA TARDE ES POSIBLE QUE CON EL PLUGIN YO REALICE UN FORMULARIO EN EL QUE CADA PERSONA QUE LO CONTESTE RECIBA UNA NOTIFICACION DE QUE HA LLENADO EL FORMULARIO Y SE LE DE UN NUMERO DE REGISTRO O NUMERO CONSECUTIVO???

    • Hola Ivan, si con Gravity Forms podrías hacer eso sin problema con el sistema de notificaciones y el sistema de respuestas.

    • Hola Sol, si que se puede hacer, simplemente tienes que ir a la sección «Notificaciones» y configurar un email para que se envie con lo que tu quieras al email de la persona que te rellena el formulario.

  • Hola, buenos días. Gracias por tu artículo, en primer lugar y voy a aprovechar para preguntarte una duda de una usuaria básica, de Gravity, no he podido localizar la respuesta y acudo a tu artículo a ver si hay solución. He hecho el formulario y cuando hago una prueba rellenando los campos y enviándomelo a mi correo, recibo el mensaje con la información del formulario muy pequeña, y en mi caso es un problema, porque trabajo en un Instituto y utilizaría este formulario para que los usuarios rellenen las matrículas de sus hijos y yo las recibiría por email, pero claro, la letra es muy pequeña con lo que al imprimirla se me queda una hoja de matricula inoperable, y tampoco me respeta los CSS que le he puesto en la creación del formulario (dos columnas, o tres). Bueno, gracias de antemano. Un saludo

  • Hola, magnifico articulo!

    Una pregunta, se puede limitar el numero de entradas por email? me explico que cada usuario (diferenciado por el correo electronico) pueda hacer hasta 5 envios.

    gracias de antemano

    • Hola Julia, no entiendo exactamente lo que quieres hacer, pero si me imagino lo que necesitas (igual estoy equivocado), eso lo hace el sistema de email marketing que tengas por detrás, no Gravity Forms.

  • Hola, buen día.

    ¿Existe un límite para el número de preguntas que se puedan hacer en un formulario?.
    Estoy interesado en construir una base de datos tomando las respuestas introducidas en un formulario con múltiples preguntas (donde cada una sería una variable) y quisiera saber si el número de preguntas es ilimitado.

    Muchas gracias

    • Hola Guillermo, el numero de preguntas es ilimitado, incluso para formularios muy largos, puedes hacer formularios multistep.

  • Hola. En el sistema de precios de Gravity Forms, siempre pone el precio por año ¿Significa esto que cada año hay que pagar la licencia porque si no los formularios creados dejan de funcionar?

    Gracias

    • Hola Luis, efectivamente hay que pagar cada año, pero no por que dejen de funcionar los formularios, sino porque dejas de tener soporte y actualizaciones, y si no actualizas, te pueden hackear facilmente.

  • Hola! quería hacer una pregunta… que puede sonar muy básica :(.

    Quiero hacer botones que lleven directamente a las páginas de los formularios; pero no encuentro las URLS de los formularios ejemplo:
    (BOTÓN DE FORMULARIO DE RESERVA QUE AL CLICKAR LLEVA AL FORMULARIO DE RESERVA

    Gracias!

    • Hola Marta!

      Lo que tienes que hacer es meter el formulario en la página que tu quieras a través de un shortcode y enlazar el botón a dicha página. El shortcode básico para los formularios de Gravity es algo así:

      [gravityform id="1"]

      Tienes que cambiar el ID del ejemplo por el ID correspondiente a tu formulario, el cual puedes ver en los ajustes del mismo.

      Puedes configurar el shortcode con más parámetros (mostrar o no el título del formulario, la descripción, etc.), te dejo un enlace a la documentación de Gravity donde puedes consultarlo: https://docs.gravityforms.com/shortcodes/

      Gracias por comentar y espero haber solucionado tu duda 🙂

  • Hola chicos, quería ver si podéis resolverme una duda o error. Se trata del campo «subir archivos», cuando activo la opción «activar subida múltiple» en el front se queda colgado dando un mensaje «Por favor espere a que se complete la subida», si desmarco esta opción puedo subir un archivo sin problemas. Tengo que hacer algo más…?
    Gracias y perdonad si no es el sitio adecuado para preguntar.

    • Hola Marisin, en principio con marcar la opción de subida múltiple debería funcionar. Podría deberse a algún tipo de incompatibilidad asique haz una cosa, comprueba desde la consola del navegador si te salta algún error de JavaScript y nos comentas.

      Un saludo! 🙂

  • Buenas tardes estimados amigos, quería hacerles una consulta para ver si hay la posibilidad de realizarlo desde un formulario realizado con Gravity forms.
    Quería consultarles si hay la posibilidad que desde el formulario exista una opción de TOMAR FOTOGRAFÍA para que un usuario pueda subir una foto directo desde la cámara de su ordenador o móvil.

    Saludos.

    • Hola Israel, esto teóricamente depende de como interprete el navegador del móvil el campo de subir archivo. Como tal, no existe un tipo de campo de sacar foto, pero si de subir archivo y ahí es donde el navegador del móvil tiene que hacer su parte.

  • Muy bueno el artículo!!

    Quería consultarles si existen funcionalidades para listar o mostrar distintos tipos de formularios relacionados a un usuario logueado en particular.

    En mi caso necesito generar un sitio de gestion de empleados, y la idea es que cada empleado pueda dar de alta datos mensuales de su actividad, y luego se le generen recibos de sueldo y demás.

    Con esta herramienta veo super sencillo generar los formularios para ingresar los datos, pero no veo tan claro la parte de consultar luego el contenido.

    • Hola Rodrigo, si lo que quieres es usar Gravity Forms para recoger el dato, puedes usar Gravity View para mostrarlo: https://www.gravitykit.com/

      Aunque si guardas los contenidos en un CPT con custom-field (que Gravity Forms te deja), si usas Elementor o cualquier pagebuilder compatible con CPTs y ACF, siempre podrás mostrarlos en el front-end.

  • Hola, cuando creo un campo de «casillas», y me voy a editar opciones en pestaña de Ajustes de Campo en General, meto texto para dar dos alternativas para que el usuario pueda marcar, y no se ve nada, lo que pongo se ve en blanco ¿¿?? Pongo mostrar valores para ver el texto, no marco ninguna v en verde porque por defecto quiero que las casillas vengan desmarcadas, y luego clico la X para salir, pues no hay otra manera, y se ven las dos casillas pero el texto en blanco, y cuando vuelvo a opciones, ya no se ve el texto, es como que no se queda registrado, y no le veo ninguna explicación coherente, me va a explotar la cabeza. Saludos.

    • Hola Javier, puede que tu theme o plantilla esté causando un problema de CSS y por eso el texto se vea en blanco.

  • Hola Alvaro. Lo primero darte la enhorabuena y las gracias porque tu post me ha ayudado muchísimo. Hay una cosilla que nos soy capaz de hacer y es ocultar el titulo del formulario del propio formulario. No sé si tienes algún post en el que lo explicas o me lo podrías aclarar. Gracias y un abrazo

  • Hola,

    Gracias por el contenido. Tenemos un problema cuando añadimos campos administrativos. No podemos rellenarlos luego, ¿cómo se hace?

  • Deja una respuesta

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

    ¿Vienes de otro proveedor?

    ¡Ningún problema! Te migramos gratis y sin cortes
    cohete raiola