GPT-4o-mini、Outlook メール、Twilio SMS を活用した AI ウェブフォーム返信機

• •OpenAI API Key

{
  "meta": {
    "instanceId": "efb474b59b0341d7791932605bd9ff04a6c7ed9941fdd53dc4a2e4b99a6f9439",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "98b71061-984e-4aa5-b8eb-cb25278179bc",
      "name": "AIエージェント",
      "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チャットモデル",
      "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": "構造化出力パーサー",
      "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": "ウェブサイト埋め込み用フォーム",
      "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": "メール返信作成待機",
      "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": "テキスト返信作成待機",
      "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": "送信者へのメール送信",
      "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": "送信者へのテキスト送信",
      "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": "付箋ノート",
      "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": "付箋ノート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
          }
        ]
      ]
    }
  }
}