Website Contact Form to Slack with Optional Email Confirmation

{
  "meta": {
    "instanceId": "efb474b59b0341d7791932605bd9ff04a6c7ed9941fdd53dc4a2e4b99a6f9439",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "6f8bd9ae-ad2a-4b4f-8ffe-11f7cefeb517",
      "name": "Slack",
      "type": "n8n-nodes-base.slack",
      "position": [
        660,
        160
      ],
      "webhookId": "ec105c6a-9307-4f28-9a16-8fb397ad9396",
      "parameters": {
        "text": "=You have a form submission with these details. Name:  {{ $json.Name }}  Email: {{ $json.Email }}  Phone: {{ $json.Phone }}",
        "select": "channel",
        "channelId": {
          "__rl": true,
          "mode": "list",
          "value": "C08T2J84F6C",
          "cachedResultName": "leads"
        },
        "otherOptions": {}
      },
      "credentials": {
        "slackApi": {
          "id": "keV27N1Uk30CvNXL",
          "name": "Slack account"
        }
      },
      "typeVersion": 2.3
    },
    {
      "id": "7e93109c-23ad-4c52-8fd9-28fb54674a2f",
      "name": "Form Submission on Website",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        360,
        -240
      ],
      "webhookId": "026479ef-4b5b-4ae1-b74a-cf8a9b29ef5c",
      "parameters": {
        "options": {},
        "formTitle": "Contact Form",
        "formFields": {
          "values": [
            {
              "fieldLabel": "Name"
            },
            {
              "fieldLabel": "Email"
            },
            {
              "fieldLabel": "Phone"
            }
          ]
        },
        "formDescription": "Contact info from website"
      },
      "typeVersion": 2.2
    },
    {
      "id": "b99a663d-3f15-4ab4-8c73-b3662fec8c23",
      "name": "Send Email - Outlook",
      "type": "n8n-nodes-base.microsoftOutlook",
      "position": [
        740,
        -120
      ],
      "webhookId": "cbe4e556-1c7f-4f07-a81a-4594d90b7990",
      "parameters": {
        "subject": "Thank you for reaching out!",
        "bodyContent": "=Hi  {{ $json.Name }}, \n\nThank you for reaching out on our website. We'll be in touch soon!",
        "toRecipients": "={{ $json.Email }}",
        "additionalFields": {}
      },
      "credentials": {
        "microsoftOutlookOAuth2Api": {
          "id": "VmTDwKgAl78H8pek",
          "name": "Microsoft Outlook account"
        }
      },
      "typeVersion": 2
    },
    {
      "id": "860c08f4-6d32-4574-bc66-cf21ca020148",
      "name": "Send Email - Gmail",
      "type": "n8n-nodes-base.gmail",
      "position": [
        800,
        -340
      ],
      "webhookId": "50ce2f5d-9aee-44b8-83be-0d76bba3c97c",
      "parameters": {
        "sendTo": "={{ $json.Email }}",
        "message": "=Hi  {{ $json.Name }},   Thank you for reaching out on our website. We'll be in touch soon!",
        "options": {},
        "subject": "Thank you for reaching out!"
      },
      "credentials": {
        "gmailOAuth2": {
          "id": "EMjErEHIQ6B4LPkk",
          "name": "Gmail account"
        }
      },
      "typeVersion": 2.1
    },
    {
      "id": "abfbaf11-0427-4793-89d9-b4ac1915ea8d",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -280,
        -380
      ],
      "parameters": {
        "width": 1340,
        "height": 800,
        "content": "### 👤 Need more help? \n**Robert Breen**  \n📧 [[email protected]](mailto:[email protected])  \n🔗 [LinkedIn](https://www.linkedin.com/in/robert-breen-29429625/)\n\n---\n\n### 🛠️ Step-by-Step Setup\n\n#### 1️⃣ Embed Contact Form on Website\n- **Node**: `Form Submission on Website`\n- **What it does**: Captures user inputs — Name, Email, and Phone.\n- **How to use**:\n  - Grab the public webhook URL from this node.\n  - Embed it as a form action on your website (HTML form or no-code builder).\n- **API**: None required. Webhook-based.\n\n#### 2️⃣ Send to Slack\n- **Node**: `Slack`\n- **What it does**: Posts a message to your Slack `#leads` channel with submission details.\n- **API**: Slack Bot Token (OAuth2)\n\n#### 3️⃣ Optional: Send Confirmation Email\n- **Node**: `Send Email - Gmail`\n  - Sends email using Gmail API.\n- **Node**: `Send Email - Outlook`\n  - Sends email using Microsoft Outlook API.\n\n- **API**: Gmail or Microsoft Outlook OAuth2\n\n\n"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {
    "Form Submission on Website": [
      {
        "Name": "Robert Breen",
        "Email": "[email protected]",
        "Phone": "8148821293",
        "formMode": "test",
        "submittedAt": "2025-08-04T19:06:46.864-04:00"
      }
    ]
  },
  "connections": {
    "Slack": {
      "main": [
        []
      ]
    },
    "Send Email - Outlook": {
      "main": [
        []
      ]
    },
    "Form Submission on Website": {
      "main": [
        [
          {
            "node": "Slack",
            "type": "main",
            "index": 0
          },
          {
            "node": "Send Email - Outlook",
            "type": "main",
            "index": 0
          },
          {
            "node": "Send Email - Gmail",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}