Message details
Fields required: name, email, and message.
Contact Page + n8n Webhook
Send a message through my no-code workflow
This page is built with HTML, CSS, and JavaScript only. When you submit the form, it sends your name, email, and message to an n8n webhook and shows the response on-screen.
Contact form
Send a message to the workflow
This simulates sending an email. The webhook response should confirm receipt.
Workflow
How this stays low-code
The website stays front-end only. n8n handles validation, message formatting, and the response.
Webhook node
Create an n8n Webhook node that receives name, email, and message from the form.
Set / respond
Use a Set node to build a response like "message received, ready to send email", then Respond to Webhook with JSON.
CORS allowlist
In the Webhook node options, allow the origin for your portfolio domain so the browser can call the workflow.
Connected to the portfolio
This is one of the three n8n-connected class pages
Other class pages include the AI news page and the 10 facts page, all connected to n8n using only HTML, CSS, and JavaScript on the front end.