Cómo enviar los datos del formulario elemental a las hojas informáticas de Google

Los formularios web son una herramienta muy poderosa para la interacción con los usuarios, por ejemplo, pueden suscribirse al boletín informativo de su empresa ingresando su dirección de correo electrónico y cualquier otro datos que desee recopilar. O tal vez sea una compañía comercial electrónica que desea incluir un formulario de pedido de ventas en su sitio web para facilitar a sus clientes. Otro tipo de forma que puede ser útil para su negocio es incluir un formulario de comentarios de los clientes para que pueda obtener más conocimiento de lo que funciona y lo que no está en su negocio.
Elementor Pro viene con muchos widgets nativos, uno de los widgets para crear fácilmente un formulario en su sitio es el widget de formulario. Con el widget de formulario, puede crear una amplia gama de tipos de formularios en su sitio de WordPress. Para obtener más información sobre Widget, puede consultar nuestro artículo anterior sobre Elementor Form Builder. Aunque Elementor tiene una función incorporada para administrar las referencias de formularios (datos), es posible que desee enviar los datos a las hojas de cálculo de Google para organizar y clasificar los datos en un formato lógico. En este artículo, le mostraremos cómo obtener datos del formulario Elementor en Google Sheet, que es un editor de sábanas en la nube que facilita el acceso y el uso de los usuarios.
Inicie una nueva hoja de informática en las hojas de Google Puede acceder a las hojas de Google en sábanas.google.com utilizando una cuenta gratuita de Google (para uso personal) o una cuenta de Google Workpace (para uso comercial). Cree una nueva hoja de cálculo vacía para comenzar.

Abra el script de aplicaciones del editor previamente ubicado en las herramientas de menú por el editor de script de nombre, actualmente llamado script en el menú de extensión. Obtenga los códigos para activar la transferencia de datos primero usando el siguiente código.

// Cambiar a verdadero para activar las notificaciones por correo electrónico
Var e correo electróniconotificación = false;
Var correajeaddress = “Change_to_your_email”;
// No edite estos siguientes parames
Lime isNewsheet = false;
Var revivData = [];
/**
* Esta es una función activada cuando la aplicación web recibe una solicitud GET
* No se usa, sino obligatorio.
*/
Función (s) doget {
return htmlservice.createhtmloutput (“Sí, esta es la URL webhook, la solicitud recibida”);
}
// Receptor webhook: activado con el formulario webhook en la URL de la aplicación publicada.
Función dopost (s) {
Lime Params = json.stringify (E.Parameter);
Params = json.parse (params);
Insertosheet (params);
// Responder http
return htmlservice.createhtmloutput (“solicitud de recreación post”);
}
// aplana un objeto vestido para facilitar el uso con una hoja de cálculo
Function FltanTenObject (OB) {
Var toreturn = {};
para (lima i en ob) {
if (! ob.hasownproperty (i)) continúa;
if ((tipo de ob [i]) == ‘objeto’) {
Var flotobject = FltanTenObject (OB [i]);
Para (var x en flotobject) {
if (! flotobject.hasownproperty (x)) continúa;
Toreturn [i + ‘.’ + x] = platoBject [x];
}
} de lo contrario {
Toreturn [i] = ob [i];
}
}
volver a regresar;
}
// normaliza los encabezados
Function getEaders (Formsheet, Keys) {
encabezados de lima = []; // Tome los encabezados existentes
If (! IsNewsheet) {
encabezados = formySheet.Gerange (1, 1, 1, formySheet.getLastColumn ()) .getValues ​​() [0];
}
// Agregar cualquier encabezado adicional
Var newheaders = [];
Newheaders = keys.filter (function (k) {
Devuelve Headers.Indexof (k)> -1? Falso: k;
});
Newheaders.ForEach (function (h) {
Encabezados.push (h);
});
devuelve los encabezados;
}
// normaliza los valores
Function getValues ​​(encabezado, plano) {
Valores de valul = [];
// Push valores basados ​​en el encabezado
Headers.ForEach (función (h) {
valores.push (plano [h]);
});
valores devueltos;
}
// insertar encabezados
Función Setheaders (Hoja, Valores) {
Lime Headerrow = Sheet.Gerange (1, 1, 1, valores.length)
Headerrow.SetValues ​​([valores]);
Headerrow.SetFontweight (“Bold”) .SethorizontalApnaltment (“Center”);
}
// Insertar datos en la hoja
Función setValues ​​(hoja, valores) {
lima lastraw = math.max (sheet.getLastrow (), 1);
Sheet.inserTrowafter (LASTROW);
Sheet.gerange (Lasstrow + 1, 1, 1, valores.length) .setValues ​​([valores]) .setFontweight (“normal”) .SethorizontalAp. (“Center”);
}
// encontrar o crear una hoja para el formulario
Function getFormSheet (FormName) {
VAR Forma Hoja;
Var activeSheet = siftsheetApp.getActivesPradSheet ();
// Crea una hoja si es necesario
If (activeSheet.getSheetByName (FormName) == NULL) {
Formsheet = ActiveSheet.insertsheet ();
Formsheet.setName (FormName);
isNewsheet = true;
}
return activesheet.getSheetByName (FormName);
}
// función mágica donde sucede todo
Función InsertOheet (fecha) {
lima plana = FltanTenObject (fecha);
Var teclas = objeto.keys (plano);
Var FormName = data [“form_name”];
Var formysheet = getFormsheet (formname); var encabezados = getEaders (formulario, teclas);
Valores = GetValues ​​(encabezados, planos);
Setheaders (Hoja de formularios, encabezados);
SetValues ​​(Formsheet, valores);
If (eentagnotification) {
SendNotification (datos, getseeturl ());
}
}
Function getseetturl () {
VAR Hoja de cálculo = SpreadsheetApp.GetActivSPreadSheet ();
Var hoja = hoja de cálculo.getActivesheet ();
Devuelve la hoja de cálculo.geurl ();
}
Función SendNotification (Data, URL) {
VAR SUMPORTO = “Se insertó un nuevo elementor Pro de referencia en su hoja”;
Var mesage = “Una nueva referencia fue recibida por el formulario” + datos [‘form_name’] “e insertó en su hoja de Google a:” + url;
Milapp.sendail (dirección de correo electrónico, asunto, mensaje, {
Nombre: “Script automático para correo electrónico”
});
} Crédito por código en Bainternet.
Elimine todo el código y pegue el código después de obtener el código, inserte en el editor de script de aplicaciones, primero elimine el código existente para que funcione.
Cambie el nombre del proyecto y guarde los cambios Una vez que el código esté listo, puede cambiar el título de script, luego haga clic en el botón Rescate
.

Implemente el script y copie la URL de la aplicación web después de guardar la modificación, luego implementamos el script haciendo clic en el botón de implementación y seleccionando una nueva implementación.

En la ventana que aparece, haga clic en el icono de la rueda

y elija la opción de aplicación web.

En el formulario que aparece recientemente, cambie el acceso a cualquier persona y haga clic en el botón Implementar.

Si, en cierto modo, la implementación del script solicita permiso para acceder a la hoja de cálculo, autorice su acceso para que el script pueda escribir los datos en la hoja de cálculo. Una vez que la implementación del script haya tenido éxito, copie la URL de la aplicación web. Limpe la URL de la aplicación web en la configuración de Webhook de formulario de elemento en el editor de elementos, haga clic en el formulario que desea conectar con la hoja de Google, la configuración del formulario será Establecer. A la izquierda del editor, luego desplácese hacia abajo y haga clic en el bloque de acción después de enviar – la acción agrega webhook – luego abra un nuevo bloque de acción a continuación, si hace clic, le dará un campo URL para colocar el enlace de aplicación web copiado .

Bien, eso es todo, puede probar el formulario completando el campo de texto y haciendo clic en el botón Enviar. Probé el formulario que creé completando el formulario y haciendo clic en el botón de envío 3 veces.

En la hoja de Google, el código creará una nueva hoja bajo el nombre del formulario elemental. Llamé al formulario de hoja de Google, y el nuevo nombre de la hoja es el mismo.

En la hoja recién creada, los datos que enviamos desde el formulario elemental están allí, sin falta en absoluto.

Para resumir, los formularios web son una herramienta útil para rastrear cierta información de los visitantes de su sitio y probablemente sean uno de los elementos más importantes en su sitio cuando se trata de lograr sus objetivos. Al conectar el formulario a nuestra hoja de Google, podemos organizar y clasificar los datos en un formato lógico. Una vez que estos datos se ingresan en la hoja de cálculo, podemos usarlos para organizar y desarrollar nuestro negocio.