Skip to main content

N8N contact form workflow

Workflow preview

Workflow preview
100%
N8N contact form workflow preview
Open on n8n.io

Important notice

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

1. Workflow Overview

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 ...

Best for

  • Ticket Management automation workflows
  • intermediate n8n builders looking for reusable templates

Tools used

n8n-nodes-base.formtrigger, n8n-nodes-base.form, n8n-nodes-base.if, n8n-nodes-base.emailsend, n8n-nodes-base.noop, 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 Akhil Varma Gadiraju.

Original n8n.io source

1.1 Workflow description

Title
N8N contact form workflow
Workflow name
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.

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 - On form submission

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

Block 2 - Redirect Form

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

Block 3 - Confirmation Form

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

Block 4 - If Email Sent

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

Block 5 - Send Email to Support

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

Block 6 - Form

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

Block 7 - End (Success)

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

Block 8 - End (Error)

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

Block 9 - Sticky Note

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

Block 10 - Sticky Note1

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

Block 11 - Sticky Note2

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

Block 12 - Sticky Note3

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

Block 13 - Sticky Note4

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

3. Summary Table

Workflow N8N contact form workflow
Complexity intermediate
Nodes 13
Categories Ticket Management
Author Akhil Varma Gadiraju
Published 23 May 2025

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/4337/4337.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 N8N contact form workflow do?

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 ...

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 Ticket Management use case.