Cómo crear un formulario para recopilar datos y almacenarlos en Google Sheets con make.com

Si alguna vez has necesitado recopilar información rápida de tus clientes, probablemente te hayas preguntado cómo hacerlo sin depender de herramientas complicadas o caras. Crear un formulario básico en HTML es sencillo, y en este post te voy a mostrar cómo puedes crear uno para recopilar el nombre, email y consentimiento de tus usuarios y, además, cómo enviar esa información automáticamente a un Google Sheet. Esto es posible gracias a las automatizaciones con make.com, una herramienta intuitiva y versátil que facilita la integración entre apps y servicios.

Paso 1: Creación del formulario básico en HTML

Para este ejemplo, vamos a hacer un formulario HTML lo más sencillo posible. Este formulario solicitará tres elementos:

• Nombre
• Email
• Un checkbox para obtener el consentimiento

Quedar algo como esto:

<form id="miFormulario">
	<label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre" required><br><br>
 
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required><br><br>
 
  <label for="consentimiento">
  	<input type="checkbox" id="consentimiento" name="consentimiento" required>
  	Acepto términos y condiciones
  </label><br><br>
 
  <button type="submit">Enviar</button>
</form>

Este formulario es muy básico. Contiene campos obligatorios para el nombre y el email, y una casilla de verificación (checkbox) para el consentimiento del usuario. Es importante que este último campo sea obligatorio, ya que, para recopilar datos de manera segura, necesitas el consentimiento de tus usuarios.

Paso 2: Crear una hoja de cálculo en Google Sheets

Antes de conectar nuestro formulario, necesitamos un lugar donde se almacenen los datos. Para esto, sigue estos pasos:

1. Accede a Google Sheets y crea una nueva hoja.

2. En la primera fila, asigna nombres a las columnas: "Nombre", "Email", "Consentimiento" y "Fecha de envío". Así tendrás una estructura clara para almacenar los datos que recibas.

3. Guarda el enlace de tu Google Sheet, ya que lo necesitarás para la integración en el próximo paso.

Paso 3: Automatización con make.com para enviar datos a Google Sheets

Aquí es donde make.com entra en acción. Esta herramienta te permite automatizar el proceso para que, cada vez que alguien complete el formulario, sus datos se registren automáticamente en tu hoja de cálculo de Google. Veamos cómo configurarlo:

1. Crear una cuenta en make.com: Si no tienes cuenta, ve a make.com y regístrate.

2. Crear un nuevo escenario: Dentro de make.com, selecciona la opción para crear un nuevo escenario.

3. Configurar el disparador de webhook: Este paso es esencial. make.com ofrece webhooks, que son enlaces especiales que recopilan datos en tiempo real. Agrega un módulo de webhook como disparador, y make.com te generará una URL única.

4. Conectar el formulario al webhook: En el formulario HTML, debemos agregar un poco de JavaScript para enviar los datos al webhook cuando el formulario se envíe:

document.getElementById('miFormulario').addEventListener('submit', function(event) {
	event.preventDefault();
 
  const datos = {
    nombre: document.getElementById('nombre').value,
    email: document.getElementById('email').value,
    consentimiento: document.getElementById('consentimiento').checked ? 'Sí' : 'No'
	};
 
	fetch('TU_URL_WEBHOOK_DE_MAKE', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(datos)
  }).then(response => {
    if (response.ok) {
      console.log('Formulario enviado con éxito');
    } else {
      console.log('Hubo un error al enviar el formulario');
    }
  }).catch(error => {
    console.error('Error:', error);
  });
});

Reemplaza TU_URL_WEBHOOK_DE_MAKE con la URL de webhook que generaste en make.com.

5. Añadir Google Sheets al escenario de make.com: Una vez que el webhook reciba los datos del formulario, agrégales un módulo de Google Sheets en make.com y conéctalo a tu hoja de cálculo. Asigna cada campo a su respectiva columna, y ¡listo!

¿Qué pasa si necesitas más funcionalidades?

Esta es solo la base de lo que puedes lograr con make.com. La automatización del formulario es solo un ejemplo de lo que se puede hacer. Con make.com, tienes la libertad de añadir más pasos en el proceso, como enviar un correo de bienvenida, crear una lista de suscriptores o realizar tareas de seguimiento automático.

Crear un formulario básico en HTML y automatizar su almacenamiento en Google Sheets con make.com es una solución eficiente para quienes buscan recolectar datos de forma fácil y rápida. Pero si prefieres no complicarte con la configuración o necesitas algo más personalizado, ¡estoy aquí para ayudarte, contáctame!