Website Contact Form to Slack with Optional Email Confirmation

The workflow JSON

Copy or download the full n8n JSON below. Paste it into a new n8n workflow, add your credentials, activate. Full import guide →

{
  "meta": {
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "5be8c8a9-c99d-42a8-8a55-b336ddab6614",
      "name": "Slack",
      "type": "n8n-nodes-base.slack",
      "position": [
        -544,
        1488
      ],
      "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": {}
      },
      "typeVersion": 2.3
    },
    {
      "id": "b9d4eba6-2ed3-4ebf-9feb-3f12eb2a433b",
      "name": "Form Submission on Website",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        -848,
        1088
      ],
      "parameters": {
        "options": {},
        "formTitle": "Contact Form",
        "formFields": {
          "values": [
            {
              "fieldLabel": "Name"
            },
            {
              "fieldLabel": "Email"
            },
            {
              "fieldLabel": "Phone"
            }
          ]
        },
        "formDescription": "Contact info from website"
      },
      "typeVersion": 2.2
    },
    {
      "id": "5319a59e-b8a9-4c86-b0da-5ff1e7448fe8",
      "name": "Send Email - Outlook",
      "type": "n8n-nodes-base.microsoftOutlook",
      "position": [
        -464,
        1216
      ],
      "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": {}
      },
      "typeVersion": 2
    },
    {
      "id": "28800698-fbbf-47ab-a91f-a7b94ea37f2a",
      "name": "Send Email - Gmail",
      "type": "n8n-nodes-base.gmail",
      "position": [
        -416,
        992
      ],
      "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!"
      },
      "typeVersion": 2.1
    },
    {
      "id": "1b9e905c-0eae-4413-97e2-289a6933dae6",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1488,
        944
      ],
      "parameters": {
        "width": 1340,
        "height": 800,
        "content": "### \ud83d\udc64 Need more help? \n**Robert Breen**  \n\ud83d\udce7 [rbreen@ynteractive.com](mailto:rbreen@ynteractive.com)  \n\ud83d\udd17 [LinkedIn](https://www.linkedin.com/in/robert-breen-29429625/)\n\n---\n\n### \ud83d\udee0\ufe0f Step-by-Step Setup\n\n#### 1\ufe0f\u20e3 Embed Contact Form on Website\n- **Node**: `Form Submission on Website`\n- **What it does**: Captures user inputs \u2014 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\ufe0f\u20e3 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\ufe0f\u20e3 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
    }
  ],
  "connections": {
    "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
          }
        ]
      ]
    }
  }
}

About this workflow

This n8n workflow sends a real-time Slack notification when a user submits a contact form on your website. It also optionally sends a confirmation email via either Outlook or Gmail.

Source: https://n8n.io/workflows/6987/ — original creator credit. Request a take-down →

More Email & Gmail workflows → · Browse all categories →

Related workflows

Workflows that share integrations, category, or trigger type with this one. All free to copy and import.