Respondedor automático de formularios web con IA (GPT-4o-mini, correos de Outlook y SMS de Twilio)

• •Clave de API de OpenAI

{
  "meta": {
    "instanceId": "efb474b59b0341d7791932605bd9ff04a6c7ed9941fdd53dc4a2e4b99a6f9439",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "98b71061-984e-4aa5-b8eb-cb25278179bc",
      "name": "Agentee de IA",
      "type": "@n8n/n8n-nodes-langchain.agent",
      "position": [
        -80,
        0
      ],
      "parameters": {
        "text": "=Name: {{ $json.Name }}\nQuestion:  {{ $json.Question }}",
        "options": {
          "systemMessage": "You are an AI assistant helping Robert respond to web form submissions. Each submission includes a name and a question from the user. Your job is to generate:\n\nA professional email response from Robert, and\n\nA short SMS/text message to be sent as a follow-up.\n\nThe email should:\n\nGreet the person by name.\n\nReference the submitted question.\n\nAsk at least one clarifying or engaging question.\n\nLet them know Robert will be in contact very soon.\n\nAsk how urgent the request is so it can be prioritized.\n\nBe signed “Robert”.\n\nThe text message should:\n\nBe casual and friendly.\n\nConfirm that the message was received.\n\nMention that I will follow up shortly.\n\nAsk how urgent the request is.\n\nOutput format: \n\n{\n\t\"email\": \"response\",\n\t\"text\": \"response\"\n}"
        },
        "promptType": "define",
        "hasOutputParser": true
      },
      "typeVersion": 2
    },
    {
      "id": "bae6fafa-1bbc-40f2-b14e-84a6ea017cee",
      "name": "Modelo de chat OpenAI",
      "type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
      "position": [
        -160,
        240
      ],
      "parameters": {
        "model": {
          "__rl": true,
          "mode": "list",
          "value": "gpt-4o-mini"
        },
        "options": {}
      },
      "credentials": {
        "openAiApi": {
          "id": "ghJTvay8CvwXDsXz",
          "name": "OpenAi account"
        }
      },
      "typeVersion": 1.2
    },
    {
      "id": "4fbc1c0a-e526-443c-a034-b07b4139be7a",
      "name": "Analizador de salida estructurada",
      "type": "@n8n/n8n-nodes-langchain.outputParserStructured",
      "position": [
        140,
        220
      ],
      "parameters": {
        "jsonSchemaExample": "{\n\t\"email\": \"response\",\n\t\"text\": \"response\"\n}"
      },
      "typeVersion": 1.2
    },
    {
      "id": "16ef7a3a-fd6c-4a14-a907-29ebe50d4bc1",
      "name": "Formulario para incrustar en el sitio web",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        -320,
        -180
      ],
      "webhookId": "14ee4231-917c-472f-9eda-388fc8b9809c",
      "parameters": {
        "options": {},
        "formTitle": "Web Contact Form",
        "formFields": {
          "values": [
            {
              "fieldLabel": "Name"
            },
            {
              "fieldLabel": "Email"
            },
            {
              "fieldLabel": "Question"
            },
            {
              "fieldLabel": "Phone",
              "placeholder": "+1 111-111-1111"
            }
          ]
        },
        "formDescription": "Web Contact Form"
      },
      "typeVersion": 2.2
    },
    {
      "id": "0fa3ed52-79d5-44eb-a4c7-6fca623d9fc0",
      "name": "Esperar un tiempo para escribir la respuesta por correo",
      "type": "n8n-nodes-base.wait",
      "position": [
        480,
        -260
      ],
      "webhookId": "b65146d1-6e25-4e80-b9e6-2204535b90f1",
      "parameters": {
        "unit": "minutes",
        "amount": 1
      },
      "typeVersion": 1.1
    },
    {
      "id": "41a5b7a0-356d-406a-9e1a-1a8e7c05d207",
      "name": "Esperar un tiempo para escribir la respuesta por texto",
      "type": "n8n-nodes-base.wait",
      "position": [
        420,
        360
      ],
      "webhookId": "bc729dce-5255-4612-b30d-d461a1b9a725",
      "parameters": {
        "amount": 1
      },
      "typeVersion": 1.1
    },
    {
      "id": "ab4bf90b-a9c5-4854-81eb-62ebd770d6f0",
      "name": "Enviar correo al remitente",
      "type": "n8n-nodes-base.microsoftOutlook",
      "position": [
        760,
        -280
      ],
      "webhookId": "28a19664-44fe-4523-b750-cd49beb76ee3",
      "parameters": {
        "subject": "Web form - How can we help?",
        "bodyContent": "={{ $json.output.email }}",
        "toRecipients": "={{ $('Form to be embedded on website').item.json.Email }}",
        "additionalFields": {}
      },
      "credentials": {
        "microsoftOutlookOAuth2Api": {
          "id": "VmTDwKgAl78H8pek",
          "name": "Microsoft Outlook account"
        }
      },
      "typeVersion": 2
    },
    {
      "id": "8468ef5a-ad4e-43b4-b737-afba226e92e8",
      "name": "Enviar texto al remitente",
      "type": "n8n-nodes-base.twilio",
      "position": [
        720,
        360
      ],
      "parameters": {
        "to": "={{ $('Form to be embedded on website').item.json.Phone }}",
        "from": "your twillio number here",
        "message": "={{ $json.output.text }}",
        "options": {}
      },
      "credentials": {
        "twilioApi": {
          "id": "wiGQkqdtj51l0DId",
          "name": "Twilio account"
        }
      },
      "typeVersion": 1
    },
    {
      "id": "74b1609d-d766-4146-98d6-3f228567ccf7",
      "name": "Nota adhesiva",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -460,
        -400
      ],
      "parameters": {
        "width": 1460,
        "height": 1080,
        "content": "### Web-Form Auto-Responder: Instant Email + SMS Follow-Up\n**LinkedIn:** https://www.linkedin.com/in/robertbreen\n**Email:** rbreen@ynteractive.com  \n"
      },
      "typeVersion": 1
    },
    {
      "id": "4f1d375a-2eb9-4a48-bb6d-36b0ae154ce9",
      "name": "Nota adhesiva 1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1300,
        -400
      ],
      "parameters": {
        "color": 5,
        "width": 800,
        "height": 1080,
        "content": "### Web-Form Auto-Responder: Instant Email + SMS Follow-Up\n\n---\n\n#### 📝 Description\nEmbed a simple web form on your site and let this workflow:\n\n1. **Collect** a visitor’s **name, email, phone, and question**  \n2. **Generate** a professional email *and* a friendly SMS using **GPT-4o-mini**  \n3. **Delay** briefly (1 min by default) to simulate human writing time  \n4. **Send** the AI-crafted email via Microsoft Outlook  \n5. **Send** the AI-crafted text via Twilio  \n\nPerfect for solo consultants or small teams who want rapid, personalized responses without manual typing.\n\n---\n\n#### ⚙️ Setup Instructions\n\n1. **Import the workflow**  \n   - n8n → **Workflows → Import from File** (or **Paste JSON**) → **Save**\n\n2. **Add credentials**  \n   | Service | Where to get credentials | Node(s) to update |\n   |---------|-------------------------|-------------------|\n   | **OpenAI** | <https://platform.openai.com> → create API key | **OpenAI Chat Model** |\n   | **Microsoft Outlook** | Azure/M365 account with email-send permissions | **Send email to the submitter** |\n   | **Twilio** | <https://console.twilio.com> → Account SID, Auth Token | **Send text to the submitter** |\n\n3. **Embed the form on your website**  \n   - Open **Form to be embedded on website**  \n   - Click **“Embed”** → copy the iframe code → paste into your contact page\n\n4. **Set your Twilio “From” number**  \n   - In **Send text to the submitter**, change the from phone number to your verified Twilio number\n\n5. **Adjust wait times (optional)**  \n   - *Wait some time to write the email response* (default 1 min)  \n   - *Wait some time to write the text response* (default 1 min)\n\n6. **Customize the AI prompt (optional)**  \n   - Edit the **AI Agent** system message to tweak tone, questions asked, or signature\n\n7. **Test the flow**  \n   - Open the form URL (generated by the Form node)  \n   - Submit a test entry → after ~1 min you should receive both an email and an SMS\n\n8. **Activate**  \n   - Toggle **Active** so the form handles real submissions 24/7\n\n---\n\n#### 🧩 Customization Ideas\n- Pipe form data into **Pipedrive, HubSpot, or Airtable** for lead tracking  \n- Trigger a **Slack/Teams** alert to notify your team of hot questions  \n- Add a **calendar link** in the email so visitors can book a call instantly  \n- Use a **language-detection node** to reply in the visitor’s native language\n\n---\n\n### Contact\n- **Email:** rbreen@ynteractive.com  \n- **Website:** https://ynteractive.com  \n- **YouTube:** https://www.youtube.com/@ynteractivetraining  \n- **LinkedIn:** https://www.linkedin.com/in/robertbreen\n"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {
    "Form to be embedded on website": [
      {
        "Name": "Robert Breen",
        "Email": "Robert.j.breen@gmail.com",
        "Phone": "18148821293",
        "Question": "I'm looking for information about using n8n for my marketing team. I need an expert developer to help",
        "formMode": "test",
        "submittedAt": "2025-07-30T19:25:10.065-04:00"
      }
    ]
  },
  "connections": {
    "Agente de IA": {
      "main": [
        [
          {
            "node": "41a5b7a0-356d-406a-9e1a-1a8e7c05d207",
            "type": "main",
            "index": 0
          },
          {
            "node": "0fa3ed52-79d5-44eb-a4c7-6fca623d9fc0",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "bae6fafa-1bbc-40f2-b14e-84a6ea017cee": {
      "ai_languageModel": [
        [
          {
            "node": "Agente de IA",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    },
    "4fbc1c0a-e526-443c-a034-b07b4139be7a": {
      "ai_outputParser": [
        [
          {
            "node": "Agente de IA",
            "type": "ai_outputParser",
            "index": 0
          }
        ]
      ]
    },
    "16ef7a3a-fd6c-4a14-a907-29ebe50d4bc1": {
      "main": [
        [
          {
            "node": "Agente de IA",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "41a5b7a0-356d-406a-9e1a-1a8e7c05d207": {
      "main": [
        [
          {
            "node": "8468ef5a-ad4e-43b4-b737-afba226e92e8",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "0fa3ed52-79d5-44eb-a4c7-6fca623d9fc0": {
      "main": [
        [
          {
            "node": "ab4bf90b-a9c5-4854-81eb-62ebd770d6f0",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}