KI-gestützter Webformular-Responder für GPT-4o-mini, Outlook-E-Mail und Twilio SMS

Fortgeschritten

Dies ist ein Lead Nurturing, Multimodal AI-Bereich Automatisierungsworkflow mit 10 Nodes. Hauptsächlich werden Wait, Twilio, FormTrigger, Agent, MicrosoftOutlook und andere Nodes verwendet. Automatisches Antwortsystem für KI-Webformulare, das GPT-4o-mini, Outlook-E-Mail und Twilio SMS integriert

Voraussetzungen
  • OpenAI API Key
Workflow-Vorschau
Visualisierung der Node-Verbindungen, mit Zoom und Pan
Workflow exportieren
Kopieren Sie die folgende JSON-Konfiguration und importieren Sie sie in n8n
{
  "meta": {
    "instanceId": "efb474b59b0341d7791932605bd9ff04a6c7ed9941fdd53dc4a2e4b99a6f9439",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "98b71061-984e-4aa5-b8eb-cb25278179bc",
      "name": "KI-Agent",
      "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": "OpenAI Chat Model",
      "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": "Structured Output Parser",
      "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": "Auf Website einzubettendes Formular",
      "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": "Wartezeit für E-Mail-Antwort",
      "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": "Wartezeit für SMS-Antwort",
      "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": "E-Mail an Absender senden",
      "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": "SMS an Absender senden",
      "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": "Notizzettel",
      "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": "Notizzettel 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": {
    "98b71061-984e-4aa5-b8eb-cb25278179bc": {
      "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": "98b71061-984e-4aa5-b8eb-cb25278179bc",
            "type": "ai_languageModel",
            "index": 0
          }
        ]
      ]
    },
    "4fbc1c0a-e526-443c-a034-b07b4139be7a": {
      "ai_outputParser": [
        [
          {
            "node": "98b71061-984e-4aa5-b8eb-cb25278179bc",
            "type": "ai_outputParser",
            "index": 0
          }
        ]
      ]
    },
    "16ef7a3a-fd6c-4a14-a907-29ebe50d4bc1": {
      "main": [
        [
          {
            "node": "98b71061-984e-4aa5-b8eb-cb25278179bc",
            "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
          }
        ]
      ]
    }
  }
}
Häufig gestellte Fragen

Wie verwende ich diesen Workflow?

Kopieren Sie den obigen JSON-Code, erstellen Sie einen neuen Workflow in Ihrer n8n-Instanz und wählen Sie "Aus JSON importieren". Fügen Sie die Konfiguration ein und passen Sie die Anmeldedaten nach Bedarf an.

Für welche Szenarien ist dieser Workflow geeignet?

Fortgeschritten - Lead-Pflege, Multimodales KI

Ist es kostenpflichtig?

Dieser Workflow ist völlig kostenlos. Beachten Sie jedoch, dass Drittanbieterdienste (wie OpenAI API), die im Workflow verwendet werden, möglicherweise kostenpflichtig sind.

Workflow-Informationen
Schwierigkeitsgrad
Fortgeschritten
Anzahl der Nodes10
Kategorie2
Node-Typen8
Schwierigkeitsbeschreibung

Für erfahrene Benutzer, mittelkomplexe Workflows mit 6-15 Nodes

Autor
Robert Breen

Robert Breen

@rbreen

Professional services consultant with over 10 years of experience solving complex business problems across industries. I specialize in n8n and process automation—designing custom workflows that integrate tools like Google Calendar, Airtable, GPT, and internal systems. Whether you need to automate scheduling, sync data, or streamline operations, I build solutions that save time and drive results.

Externe Links
Auf n8n.io ansehen

Diesen Workflow teilen

Kategorien

Kategorien: 34