Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email
Share on print
Formulario Widget para Elementor

Guardar Datos en Google Sheets con Elementor Form Widget

Ahora aprenderemos a Guardar Datos en Google Sheets con Elementor, cuando trabajamos con Elementor nos sentimos muy cómodos por la versatilidad para configurar y darle estilo a sus widgets, pero muchas veces nos hemos preguntado ¿por qué el formulario de la versión pro de Elementor no permite almacenar los datos que rellenan los usuarios?, en el directorio de plugins de WordPress encontramos 2 plugins que solucionan esta carencia del formulario, pero en este artículo queremos explicar como realizar lograr almacenar los datos sin la utilización de esos plugins, pero utilizando Zapier.

WEBHOOKS: Un Webhook es una manera de ser notificado cuando un evento ha ocurrido en tu aplicación o la de un tercero. Es básicamente una solicitud POST que se envía a una URL específica. Esa URL está configurada para recibir el cuerpo de la solicitud POST y procesarla de alguna manera. Por lo tanto, si alguna vez has creado un formulario y lo has enviado en código, sabes cómo crear una solicitud POSTLeer más

Zapier nos permite comunicarnos con sus servicios por medio de Webhooks, y es lo que utilizaremos para poder guardar datos en Google Sheets desde el formulario de Elementor a una Google Sheets específica de nuestro Google Drive.

Sigue estos pasos para guardar datos en Google Sheets con Elementor “Form Widget”:

Debe seleccionar las aplicaciones que se van a integrar, en este caso del lado izquierdo “Webhooks” y del lado derecho “Google Sheets“.

Guardar Datos en Google Sheets con Elementor

1. En tu cuenta de Zapier selecciona del lado izquierdo Webhooks.
2. Del lado derecho selecciona Google Sheets

Selecciona la opción “Add info to Google Sheet from new webhooks POSTs”.

Guardar Datos en Google Sheets con Elementor

Al seleccionar la app Google Sheets, Zapier por defecto tiene definida la zap “Add info to Google Sheet from new webhooks POSTs”

En la siguiente pantalla damos click en “CONTINUAR”

Guardar Datos en Google Sheets con Elementor

Al ser un Zap predefinido, solo nos muestra la opción  Catch Hook, que es la que permite a Zapier recibir los datos enviados desde otra página web.

En la siguiente pantalla damos click en “CONTINUAR”

Guardar Datos en Google Sheets con Elementor

Como requerimos los datos dinámicos, debemos recibirlos y no escribirlos en esta pantalla, damos click en “CONTINUAR”

En esta pantalla obtenemos la URL que nos va a permitir comunicar el formulario de Elementor con Zapier

Guardar Datos en Google Sheets con Elementor

Copiamos la URL para llevarla a la configuración del formulario de Elementor.

En el formulario de Elementor, debemos activar la acción de Webhooks, y este nos habilitará el campo para agregar la URL obtenida en el paso anterior.

Guardar Datos en Google Sheets con Elementor

En la pestaña contenido de la edición del formulario, luego de “Submit Button”, encuentras “Actions After Submit”, ahí se selecciona de la lista “Webhook”, y se habilitará la pestaña “Webhook” en la cual podrás ingresas la URL Webhooks de Zapier.

En la siguiente imagen verás donde colocar la URL de Zapier.

Guardar Datos en Google Sheets con Elementor

Luego de ingresar la URL, debes dar actualizar a Elementor.

Ahora debemos crear en Google Sheets, el libro donde almacenaremos la información enviada por el formulario.

Guardar Datos en Google Sheets con Elementor

Para este ejemplo vamos a utilizar los títulos país y población, realizamos un envío del formulario, para que Zapier pueda confirmar que ya está recibiendo los datos.

Continuamos configurando nuestro Zapier

Guardar Datos en Google Sheets con Elementor

En este paso le decimos a Zapier que verifique la conexión con el envío de datos desde el formulario.

Guardar Datos en Google Sheets con Elementor


Si todo está bien, Zapier deberá mostrar una pantalla como esta donde está recibiendo el “Hook A” .

Guardar Datos en Google Sheets con Elementor

En la siguiente pantalla, empezaremos a configurar la siguiente aplicación del ZAP, le damos click al botón “Continuar”.

Guardar Datos en Google Sheets con Elementor

Debemos conectar nuestra cuenta de Gmail con Zapier, al dar click en “Connec Account” Zapier va a solicitar la cuenta de Gmail y la contraseña para conectarse.

Como sabemos, los usuarios de los email de Gmail tiene la opción de usar las aplicaciones de G-Suit.

Guardar Datos en Google Sheets con Elementor

Damos click en el botón “Test” y Zapier nos indicará con un botón de color verde que la conexión con la cuenta de Gmail fue exitosa y damos click en “Continuar”.

Guardar Datos en Google Sheets con Elementor

En este paso, debemos buscar la Google Sheet que vamos a utilizar para guardar los datos recibidos por el formulario.

Como también la hoja del libro, lo que nos desplegará la lista de los campos encontrados por Zapier en la hoja seleccionada.

Los campos encontrados, al final del campo tienen un símbolo “+” que nos permitirá relacionar el campo de la Google Sheets, con el campo del formulario de Elementor.

Guardar Datos en Google Sheets con Elementor

Así se verá los campos de la Google Sheets y los campos del formulario de Elementor ya relacionados en Zapier y damos click en “Continuar”.

Guardar Datos en Google Sheets con Elementor

Zapier nos va a mostrar los valores que va a recibir la Google Sheets, provenientes de la prueba de envío que se realizó desde el formulario de Elementor, y damos clic en “Send Test To Google Sheets

Guardar Datos en Google Sheets con Elementor

Así recibirá los datos la Google Sheet.

Guardar Datos en Google Sheets con Elementor

Vemos que Guarda Datos en Google Shteet , los datos enviados por Zapier y damos click en “Finish”.

Guardar Datos en Google Sheets con Elementor

Se activa el Zapier para que desde este momento se sigan recibiendo datos del formulario web a nuestra Google Sheets

Confírmanos si al seguir ese paso a paso, lograste Guardar Datos en Google Sheets con Elementor.

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp

Posts Relacionados

1 Comments
Aldo 25 octubre, 2019
| |

Muchas gracias, funcionó de maravilla. 😄