N8N contact form workflow

N8N Contact Form Workflow: Capture, Notify via Email, and Redirect with Confirmation/Error Handling This n8n workflow facilitates contact form submissions through a customizable form that sends an email notification to support and redirects users based on the submission outcome. It is ideal for embedding a functional "Contact Us" form on websites with automated email notifications. --- ✨ Features - Collects first name, last name, email, company name, and a message - Sends formatted email notification to the support team - Displays success or error confirmation to the user - Customizable UI and form behavior - Error fallback handling with user-friendly feedback --- 🧩 Nodes Overview 1. On form submission (Trigger) - Type: formTrigger - Displays the contact form to users and triggers the workflow on submission. 2. Send Email to Support - Type: emailSend - Sends an HTML email to a support address with the form details. - Uses an SMTP credential for sending. 3. If Email Sent - Type: if - Checks if the email was sent successfully using the existence of messageId. 4. Confirmation Form - Type: form - Displays a “Thank You” HTML message after a successful submission. 5. Redirect Form - Type: form - Redirects the user to a specified URL (e.g., LinkedIn profile). 6. Form (Error) - Type: form - Displays an error message if email delivery fails. 7. NoOp Nodes - End (Success) and End (Error) to mark flow terminations cleanly. --- ⚙️ Customization Options - Change the form fields, title, or descriptions in the formTrigger node. - Update the email body or subject in the emailSend node. - Redirect to a different URL by editing the Redirect Form node. - Modify success and error UI with HTML content in the Confirmation Form and Form. --- 🧠 Use Cases - Website "Contact Us" form integration - Lead generation forms for businesses - Customer service inquiry collection - Feedback or support ticket system --- 🚀 How to Use 1. Import this workflow into your n8n instance. 2. Configure SMTP credentials for the emailSend node. 3. Publish the formTrigger endpoint (e.g., /contact-us) publicly or embed in your website. 4. Test submission and confirm email delivery and redirects. --- 🔐 Notes - Ensure SMTP credentials are correctly configured in n8n. - Make sure your n8n webhook URLs are reachable from your website or frontend. --- Made with ❤️ using n8n by Akhil.