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