Send portfolio contact form notifications and confirmations with Gmail

Quick overview

This workflow receives portfolio contact form submissions via a webhook, normalizes the fields, generates branded HTML emails, and uses Gmail to send an admin notification plus an automated confirmation to the visitor before returning a success JSON response to the website.

How it works

1. Receives a POST request from your website contact form via an n8n webhook.
2. Normalizes the incoming payload into consistent fields (name, email, subject, message, timestamp).
3. Builds two branded HTML emails and subjects: one for the admin notification and one for the visitor confirmation.
4. Sends the admin notification email with the submitted details using Gmail.
5. Sends the visitor a confirmation email using Gmail.
6. Returns a 200 JSON response (success/message) to the website so the form can show a confirmation.

Setup

1. Connect a Gmail OAuth2 credential for the two Gmail send steps.
2. Replace the hardcoded admin recipient address in the admin notification email step.
3. Copy the Production Webhook URL generated by your automation platform and configure your website's contact form to send a POST request to this endpoint whenever a user submits the form. Ensure that the request includes all the required fields, such as name, email, subject, and message, in the correct format. After completing the configuration, test the contact form to verify that the webhook receives the submitted data successfully and triggers the intended workflow without any errors.