Skip to main content

Website contact form to Slack with optional email confirmation

Workflow preview

Workflow preview
100%
Website contact form to Slack with optional email confirmation preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

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. You can embed t...

Best for

  • Lead Generation automation workflows
  • intermediate n8n builders looking for reusable templates

Tools used

n8n-nodes-base.slack, n8n-nodes-base.formtrigger, n8n-nodes-base.microsoftoutlook, n8n-nodes-base.gmail, n8n-nodes-base.stickynote

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Robert Breen.

Original n8n.io source

1.1 Workflow description

Title
Website contact form to Slack with optional email confirmation
Workflow name
Website contact form to Slack with optional email confirmation

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.

You can embed the form directly into your website and route all submissions to your preferred Slack channel for quick follow-up.


✅ Key Features

  • 🌐 Website Form Trigger: A no-code form that can be embedded directly on your website.
  • ⚡ Slack Integration: Instantly posts lead details to a designated Slack channel.
  • 📧 Email Follow-Up (Optional): Sends a thank-you email to the user via either Gmail or Microsoft Outlook.
  • 🔗 Easy to Connect: Requires minimal setup with OAuth for Slack and email APIs.

🧰 What You'll Need

  • Slack Bot Token & Permissions
  • Gmail or Outlook account (optional)
  • n8n instance (cloud or self-hosted)

🛠️ Step-by-Step Setup

1️⃣ Embed Contact Form on Website
  • Node: Form Submission on Website
  • What it does: Captures user inputs — Name, Email, and Phone.
  • How to use:
    • Grab the public webhook URL from this node.
    • Embed it as a form action on your website (HTML form or no-code builder).
  • API: None required. Webhook-based.
2️⃣ Send to Slack
  • Node: Slack
  • What it does: Posts a message to your Slack #leads channel with submission details.
  • Message format:
    You have a form submission with these details.
    Name: {{ Name }}
    Email: {{ Email }}
    Phone: {{ Phone }}
    
  • API: Slack Bot Token (OAuth2)
3️⃣ Optional: Send Confirmation Email
  • Node: Send Email - Gmail
    • Sends email using Gmail API.
  • Node: Send Email - Outlook
    • Sends email using Microsoft Outlook API.
  • Message:
    Hi {{ Name }},
    
    Thank you for reaching out on our website. We'll be in touch soon!
    
  • API: Gmail or Microsoft Outlook OAuth2

👤 Created By

Robert Breen
Automation Consultant | AI Workflow Designer | n8n Expert
📧 [email protected]
🌐 ynteractive.com
🔗 LinkedIn


🏷️ Tags

slack lead alerts website form n8n email automation real-time notification lead generation form trigger webhook

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Slack

Type / Role
n8n-nodes-base.slack - slack
Config choices
Version 2.3

Block 2 - Form Submission on Website

Type / Role
n8n-nodes-base.formTrigger - formTrigger
Config choices
Version 2.2

Block 3 - Send Email - Outlook

Type / Role
n8n-nodes-base.microsoftOutlook - microsoftOutlook
Config choices
Version 2

Block 4 - Send Email - Gmail

Type / Role
n8n-nodes-base.gmail - gmail
Config choices
Version 2.1

Block 5 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

3. Summary Table

Workflow Website contact form to Slack with optional email confirmation
Complexity intermediate
Nodes 5
Categories Lead Generation
Author Robert Breen
Published 04 Aug 2025

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/6987/6987.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Website contact form to Slack with optional email confirmation do?

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. You can embed t...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Lead Generation use case.