This workflow follows the Form Trigger → Gmail recipe pattern — see all workflows that pair these two integrations.
The workflow JSON
Copy or download the full n8n JSON below. Paste it into a new n8n workflow, add your credentials, activate. Full import guide →
{
"name": "Auto-Responder-Email",
"nodes": [
{
"parameters": {
"formTitle": "Pendaftaran SIB Mandiri NF Academy Batch 4",
"formDescription": "Harap isi data diri Anda.",
"formFields": {
"values": [
{
"fieldLabel": "Nama",
"fieldName": "Nama",
"placeholder": "Tuliskan Nama Anda",
"requiredField": true
},
{
"fieldLabel": "Email",
"fieldName": "Email",
"placeholder": "Tuliskan Email Anda, contoh: test@gmail.com",
"requiredField": true
},
{
"fieldLabel": "Program",
"fieldType": "dropdown",
"fieldName": "Program",
"fieldOptions": {
"values": [
{
"option": "AI For Business"
},
{
"option": "DevOps Engineer"
},
{
"option": "Codeless Data Science"
},
{
"option": "Mobile Apps"
},
{
"option": "Fullstack Web Developer"
}
]
},
"requiredField": true
}
]
},
"options": {}
},
"type": "n8n-nodes-base.formTrigger",
"typeVersion": 2.5,
"position": [
0,
0
],
"id": "b8fc613d-96ad-4448-8ce3-382d87f963a4",
"name": "On form submission"
},
{
"parameters": {
"sendTo": "={{ $json.Email }}",
"subject": "Informasi Pendaftaran SIBM NF Academy Batch 4",
"message": "=<!DOCTYPE html>\n<html>\n<head>\n <style>\n /* Reset dasar untuk kompatibilitas email client */\n body { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f0ebf8; }\n .container { max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n .header { background-color: #673ab7; /* Warna Ungu Google Form */ color: #ffffff; padding: 24px; text-align: center; }\n .header h1 { margin: 0; font-size: 20px; font-weight: 600; }\n .content { padding: 30px; color: #333333; line-height: 1.6; }\n .data-box { background-color: #f8f9fa; border-left: 4px solid #673ab7; padding: 15px; margin: 20px 0; border-radius: 4px; }\n .data-row { margin-bottom: 10px; }\n .label { font-weight: bold; color: #5f6368; font-size: 14px; }\n .value { color: #202124; font-size: 16px; }\n .footer { background-color: #f8f9fa; padding: 20px; text-align: center; font-size: 12px; color: #888888; border-top: 1px solid #eeeeee; }\n .button { display: inline-block; background-color: #673ab7; color: #ffffff; text-decoration: none; padding: 10px 20px; border-radius: 4px; margin-top: 20px; font-weight: bold; }\n </style>\n</head>\n<body>\n\n <div class=\"container\">\n <div class=\"header\">\n <h1>Konfirmasi Pendaftaran<br>SIB Mandiri Batch 4 NF Academy</h1>\n </div>\n\n <div class=\"content\">\n <p>Halo <strong>{{ $json[\"Nama\"] }}</strong>,</p>\n \n <p>Terima kasih telah melakukan pendaftaran. Data Anda telah berhasil kami terima di sistem NF Academy.</p>\n \n <p>Berikut adalah rincian data yang Anda kirimkan:</p>\n\n <div class=\"data-box\">\n <div class=\"data-row\">\n <div class=\"label\">Nama Lengkap</div>\n <div class=\"value\">{{ $json[\"Nama\"] }}</div>\n </div>\n \n <div class=\"data-row\">\n <div class=\"label\">Email Terdaftar</div>\n <div class=\"value\">{{ $json[\"Email\"] }}</div>\n </div>\n\n <div class=\"data-row\">\n <div class=\"label\">Program Pilihan</div>\n <div class=\"va{{ $json.Program }}lue\"></div>\n </div>\n </div>\n\n <p>Mohon cek kembali data di atas. Jika ada kesalahan atau pertanyaan lebih lanjut, silakan balas email ini.</p>\n \n <p>Selanjutnya, tim kami akan melakukan verifikasi dan menghubungi Anda untuk langkah berikutnya.</p>\n \n <br>\n <p>Salam hangat,<br><strong>Tim Penerimaan NF Academy</strong></p>\n </div>\n\n <div class=\"footer\">\n © 2025 NF Academy. All rights reserved.<br>\n Email ini dikirim secara otomatis melalui sistem pendaftaran.\n </div>\n </div>\n\n</body>\n</html>",
"options": {}
},
"type": "n8n-nodes-base.gmail",
"typeVersion": 2.2,
"position": [
208,
0
],
"id": "61856f7f-c682-4325-987f-a2539ff22981",
"name": "Send a message",
"credentials": {
"gmailOAuth2": {
"name": "<your credential>"
}
}
}
],
"connections": {
"On form submission": {
"main": [
[
{
"node": "Send a message",
"type": "main",
"index": 0
}
]
]
}
},
"active": false,
"settings": {
"executionOrder": "v1",
"binaryMode": "separate"
},
"versionId": "1567129b-16cb-404d-99f4-120e8faaaeef",
"meta": {
"templateCredsSetupCompleted": true
},
"id": "DBFG8ufmaobtFwPP",
"tags": []
}
Credentials you'll need
Each integration node will prompt for credentials when you import. We strip credential IDs before publishing — you'll add your own.
gmailOAuth2
For the full experience including quality scoring and batch install features for each workflow upgrade to Pro
About this workflow
Auto-Responder-Email. Uses formTrigger, gmail. Event-driven trigger; 2 nodes.
Source: https://github.com/lantipnurrohman76-ship-it/Implementasi-AI-Pemasaran/blob/f628b4dac3a9bd55a3c0798edf909cd6568e68dc/Auto-Responder-Email.json — original creator credit. Request a take-down →
Related workflows
Workflows that share integrations, category, or trigger type with this one. All free to copy and import.
Get PDF with JSReport. Uses httpRequest, stickyNote, formTrigger, gmail. Event-driven trigger; 5 nodes.
This workflow template is designed for accounting, human resources, and IT project management teams looking to automate the generation of PDF and Word documents. It can be particularly useful for: The
This workflow automates incident reporting and management for operations teams by connecting a public reporting form with real-time logging in Google Sheets and instant alert emails to your support te
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.
Get PDF with JSReport. Uses httpRequest, formTrigger, gmail. Event-driven trigger; 5 nodes.