Introducción:
¿Tienes un formulario de contacto en tu página web, pero te agobia la idea de revisar el email cada cinco minutos para ver si alguien te ha escrito? ¿O peor, has perdido alguna vez una oportunidad por no responder a tiempo a un mensaje importante? El tiempo es oro en el mundo digital, y cada segundo cuenta cuando un posible cliente, colaborador o seguidor intenta conectar contigo.
En Electrónica para todos, sabemos lo que es estar inmerso en proyectos de ingeniería y, a la vez, intentar gestionar una comunidad activa. Por eso, estamos siempre buscando herramientas que nos permitan ser más eficientes. Hoy, te revelamos un «radar» digital que hemos construido para nuestra propia web, y que tú también puedes replicar: una automatización gratuita, de código abierto y súper potente con n8n que te avisa al instante cuando alguien rellena tu formulario.
La Brecha Entre tu Web y tu Bandeja de Entrada
La mayoría de los formularios web envían un email tradicional a una dirección de correo. Esto está bien, pero tiene sus limitaciones:
Retraso en la Respuesta: Un email puede perderse entre el spam o simplemente no verse a tiempo, retrasando tu respuesta.
Sobrecarga de Bandeja: Si tu email principal ya está saturado, un mensaje importante puede pasar desapercibido.
Falta de Inmediatez: Para consultas urgentes o colaboraciones, la inmediatez es clave.
Para nosotros, en Electrónica Para Todos, necesitábamos algo más directo, más «vivo». Y lo encontramos en la flexibilidad de n8n.
¡El Problema Solucionado: Un Flujo Simple en n8n!
Hemos creado un flujo increíblemente sencillo en n8n que puedes replicar en cuestión de minutos. El objetivo es simple: cuando alguien envíe un mensaje a través de nuestro formulario en electronicaparatodos.com, recibir un email instantáneo y personalizado con los detalles del contacto0.
Paso 1: Configura el Disparador (Cuando Envían el Formulario)
El corazón de esta automatización es el nodo On Form Submission de n8n. Este nodo actúa como un oyente, esperando a que alguien rellene el formulario que él mismo genera.
Añade el nodo
On Form Submission: En el lienzo de n8n, busca este nodo y arrástralo.Configura los campos del formulario: Aquí defines qué datos quieres pedir a tus visitantes. Para nuestro formulario de contacto, necesitamos «Nombre» y «Correo». Puedes marcar si son campos obligatorios.
Paso 2: Conecta y Configura el Email (Gmail)
Ahora necesitamos el nodo que enviará el correo electrónico. Usaremos el nodo de Gmail:
Añade el nodo Gmail: Busca «Gmail» y conéctalo al nodo Scheduler.
Configura tu cuenta: Si es la primera vez, n8n te pedirá que conectes tu cuenta de Gmail. Es un proceso seguro y sencillo.
Define el correo:
To (Para): Tu dirección de correo o la de tu socio.
Subject (Asunto): El que quieras recibir
Body (Cuerpo): El que quieras recibir cuando te envíen un correo
¡Y listo! ¡Tu Primer Email Automatizado Enviado!
Una vez que actives el flujo, n8n se encargará del resto. A la hora programada, el email se enviará automáticamente sin que tengas que levantar un solo dedo.
Mira cómo me ha llegado a mí:
Esto es solo la punta del iceberg de lo que puedes lograr con n8n. Desde recordatorios sencillos hasta flujos de trabajo empresariales complejos, las posibilidades son infinitas.
¿Quieres Esta Plantilla? ¡Descárgala Gratis!
Para que te sea aún más fácil empezar, he creado esta plantilla de flujo de n8n para que puedas importarla directamente y configurarla en cuestión de segundos. ¡Olvídate de configurar nodo por nodo!
Simplemente copia el código JSON que te dejo a continuación y pégalo en tu n8n.
Código JSON
{
"nodes": [
{
"parameters": {
"sendTo": "info@electronicaparatodos.com",
"subject": "Formulario",
"emailType": "text",
"message": "=Acaban de rellenar el formulario. Un tal {{ $json.Nombre }}, cuyo correo de contacto es {{ $json.Correo }}.",
"options": {
"appendAttribution": false
}
},
"type": "n8n-nodes-base.gmail",
"typeVersion": 2.1,
"position": [
176,
0
],
"id": "8158259c-e494-4ee6-9a93-81bc1ba3861b",
"name": "Send a message",
"webhookId": "2397cb7b-2723-45d8-9320-2957bf078531",
"credentials": {
"gmailOAuth2": {
"id": "rl63dQqV2s1hOrhR",
"name": "Gmail account"
}
}
},
{
"parameters": {
"content": "## Tienes un formulario y quieres saber al momento cuando lo rellenan? \n\n **Aquí una solución** ",
"width": 320
},
"type": "n8n-nodes-base.stickyNote",
"typeVersion": 1,
"position": [
-32,
-208
],
"id": "8a71b762-26fd-42ef-ba94-d7f30e572ba4",
"name": "Sticky Note"
},
{
"parameters": {
"formTitle": "Deja tu contacto",
"formFields": {
"values": [
{
"fieldLabel": "Nombre",
"requiredField": true
},
{
"fieldLabel": "Correo",
"requiredField": true
}
]
},
"options": {}
},
"type": "n8n-nodes-base.formTrigger",
"typeVersion": 2.3,
"position": [
-16,
0
],
"id": "8fa6d4d8-5c83-4e71-a21c-efed4254ec62",
"name": "On form submission",
"webhookId": "531f9a90-4d40-441d-995d-96a5c8095c02"
}
],
"connections": {
"On form submission": {
"main": [
[
{
"node": "Send a message",
"type": "main",
"index": 0
}
]
]
}
},
"pinData": {},
"meta": {
"templateCredsSetupCompleted": true,
"instanceId": "c2eab159473d57c7e9b37bb6453f1cff4a2e8f049315e69b34e93bfbfabbb165"
}
}