馃憠 C贸mo integrar formularios de gravedad con ... Bueno, todo usando Zapier

Entrevista con Reneta Tsankova de SiteGround

Si has estado siguiendo a WPBeginner por un tiempo, entonces sabes que usamos y amamos los formularios Gravity, y lo recomendamos encarecidamente como el formulario de WordPress más sencillo para principiantes. Por defecto, Gravity Forms se integra con numerosos servicios, pero recientemente aumentaron esa lista en más de 200 simplemente al integrarse con una herramienta de automatización de aplicaciones web llamada Zapier. Ahora puede integrar sus formularios de WordPress con servicios como Salesforce, Google Spreadsheet, Highrise, Basecamp, Google Calendar y mucho más.

Recuerdas cuando te mostramos IFTTT, la herramienta para automatizar WordPress y las redes sociales. Bueno, Zapier te permite hacer lo mismo pero con muchas más aplicaciones web. Por ejemplo, mostraremos cómo integrar formularios de gravedad con una hoja de cálculo de Google utilizando el complemento de Zapier. Usaremos un formulario de contacto típico y guardaremos esas entradas de formularios en una hoja de cálculo de Google.

Esto es lo que deberá seguir junto con este tutorial: una licencia de desarrollador de Gravity Forms (cupón), el complemento Zapier Gravity Forms, una cuenta de Zapier y una hoja de cálculo de Google.

Instalación del complemento de Zapier con formularios de gravedad

Por el bien de este tutorial, supondremos que ya tiene Gravity Forms instalado en su sitio de WordPress. Si no tiene Gravity Forms instalado, puede obtenerlo aquí.

Con eso fuera del camino, comencemos a configurar el complemento de Zapier. En su área de administración de WordPress, vaya a Formularios »Complementos.

Desplácese hasta la parte inferior de la página y encontrará el complemento de Zapier. Continúa y descarga el complemento complemento. Después de descargar el complemento, debe instalarlo y activarlo (consulte cómo instalar un complemento de WordPress).

Ahora que tiene el complemento Zapier activado, puede dejarlo en paz. El resto de la configuración se realizará en Zapier.com o dentro del plugin Gravity Forms.

Configurando nuestro formulario de contacto

Lo primero que debe hacer es crear el formulario que desea usar. Puede usar un formulario ya existente si lo desea. Siempre es mejor tener el formulario ya creado antes de configurar tu Zap en Zapier.

Usaremos un formulario de contacto básico que solicita el nombre y apellido, dirección de correo electrónico, número de teléfono y qué podemos ayudar con el campo.

Ahora que tenemos nuestra configuración de formulario, podemos pasar a la configuración de nuestra hoja de cálculo.

Configurando nuestra hoja de cálculo de Google

Zapier espera que Google Spreadsheet funcione de cierta manera. La primera fila de datos debe tener etiquetas para cada campo de Formularios de gravedad que deseamos insertar en la hoja de cálculo. Y la segunda fila necesita tener un ejemplo de cómo se ve esa fila. Creamos una hoja de cálculo que se ve así:

Ahora que tenemos nuestra hoja de cálculo en funcionamiento, usaremos Zapier para conectar el formulario a la hoja de cálculo.

Crear un Zap para conectar el formulario a la hoja de cálculo

Ve a Zapier y crea tu cuenta. Después de registrarte, aterrizarás en tu Zapier Dashboard. Haga clic en el botón "Crear un Zap" para comenzar. En el Paso 1, querrá seleccionar Formularios de gravedad y "Envío de formulario nuevo" como su Disparador y Documentos de Google "Crear fila de hoja de cálculo" como su Acción.

En el Paso 2, deberá copiar la URL webhook proporcionada por Zapier y pegarla en Gravity Forms. Puede encontrar el campo Formularios de gravedad para pegar la URL de Webhook navegando a la configuración de su formulario específico y seleccionando la pestaña Zapier como escena a continuación.

Pegue el webhook URl en la configuración del formulario para su formulario de contacto en Gravity Forms.

Haga clic para el próximo paso.

En el Paso 3, deberá conectar su cuenta de Google Docs. Haga clic en "Aceptar" cuando Zapier le pida que se conecte a Google Docs.

En el Paso 4, Zapier le permite agregar filtros personalizados. Vamos a omitir esto por ahora.

En el Paso 5, seleccionaremos la hoja de cálculo y la hoja de cálculo que acabamos de crear.

A continuación, haremos clic en el icono pequeño de Gravity Forms a la derecha de cada campo para insertar los marcadores de posición Gravity Forms en nuestra hoja de cálculo de Google, de esta manera:

Si Zapier no levanta ninguno de los campos de Formas de Gravedad, entonces envía una entrada a tu Forma de Gravedad muy rápido y vuelve a Zapier.

Una vez que tenemos todos los campos asignados, haga clic para ir al Paso 6.

En el Paso 6, podemos probar nuestro Zap. Si no tiene ningún dato de prueba, ingrese una entrada en su Formulario de gravedad y regrese y actualice los datos de muestra.

Tenemos un formulario de muestra que probaremos enviar a nuestra hoja de cálculo.

Y puedes ver que funcionó.

En el Paso 7, le daremos un nombre a nuestro Zap:

¡Y eso es! Podemos hacer clic en "Hacer Zap Live" y todas nuestras presentaciones de Gravity Forms irán automáticamente a nuestra hoja de cálculo de Google.

¡Vamos a probarlo en vivo!

¡Zapping de Gravity Forms a Google Spreadsheet Live!

Ahora que nuestro Zap está en vivo, vamos a probarlo. Vaya a su sitio web y complete el formulario de contacto.

Y una vez que haga clic en enviar, revisaremos nuestra hoja de cálculo y deberíamos ver a Bart Simpson en la siguiente fila. Puede tardar unos segundos en aparecer.

Y ahí lo tienes. A modo de ejemplo, le mostramos cómo conectar Gravity Forms a Google Spreadsheet. Sin embargo, puede integrar muchas otras aplicaciones web a Gravity Forms usando Zapier. El método básico es el mismo para la mayoría de los servicios web.

Las integraciones de aplicaciones web pueden ser un dolor especialmente cuando tienes que empezar desde cero. Al usar esta solución, puede ahorrar innumerables horas de tiempo de desarrollo. Esperamos que haya encontrado útil este artículo. ¿Alguna vez has usado Zapier antes? ¿Tiene alguna pregunta o feedbac? Háganos saber dejando un comentario a continuación.

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: