First Build — Form/Webhook → Proses → Notif

Durasi: 18 menit | Block: 3 Goal: Workflow pertama yang JALAN di menit ke-30

🏗️ Apa yang Kita Build

[Webhook/Form Trigger] → [Set Node: Format Data] → [Send Notif]

Opsi notif (pilih salah satu):

WhatsApp (via Wabox / Evolution API)
Email
Google Sheets (log)

Step-by-Step Build

Step 1: Buat Workflow Baru

1. Klik "+ New Workflow"
2. Beri nama: "Workflow Pertama - [Nama Kamu]"
3. Klik canvas untuk tambah node

Step 2: Tambah Webhook Trigger

1. Klik "+" di canvas
2. Search "Webhook"
3. Tambah Webhook node
4. Settings:
   - HTTP Method: POST
   - Path: inquiry-form
   - Response Mode: "Respond to Webhook"
5. Klik "Execute Node" → copy test URL

Test URL format:

https://[your-n8n].n8n.cloud/webhook/inquiry-form

Step 3: Tambah Set Node (Format Data)

1. Klik "+" setelah Webhook node
2. Search "Edit Fields (Set)"
3. Tambah Set node
4. Settings — tambah fields:

   | Field Name  | Value                                |
   |-------------|--------------------------------------|
   | nama        | \&#123;&#123; $json.body.nama }}                |
   | pesan       | \&#123;&#123; $json.body.pesan }}               |
   | timestamp   | \&#123;&#123; $now.format('DD/MM/YYYY HH:mm') }}|
   | summary     | Inquiry baru dari \&#123;&#123; $json.body.nama }}: \&#123;&#123; $json.body.pesan }} |

Step 4: Tambah Notification Node

Opsi A: Google Sheets (Paling Mudah)

1. Klik "+" setelah Set node
2. Search "Google Sheets"
3. Pilih "Append Row"
4. Settings:
   - Credential: [Connect Google Account]
   - Spreadsheet: [Pilih atau buat baru]
   - Sheet: "Inquiries"
   - Mapping:
     | Column   | Value                   |
     |----------|-------------------------|
     | Nama     | \&#123;&#123; $json.nama }}        |
     | Pesan    | \&#123;&#123; $json.pesan }}       |
     | Waktu    | \&#123;&#123; $json.timestamp }}   |

Opsi B: Email

1. Klik "+" setelah Set node
2. Search "Send Email"
3. Pilih SMTP atau Gmail node
4. Settings:
   - To: email-kamu@test.com
   - Subject: Inquiry Baru dari \&#123;&#123; $json.nama }}
   - Body: \&#123;&#123; $json.summary }}

Step 5: Test End-to-End

bash

# Test dengan curl atau Postman
curl -X POST https://[your-n8n].n8n.cloud/webhook/inquiry-form \
  -H "Content-Type: application/json" \
  -d '{"nama": "Budi", "pesan": "Halo, saya tertarik produk X"}'

Atau buat simple HTML form untuk test:

html

<form action="https://[your-n8n].n8n.cloud/webhook/inquiry-form" method="POST">
  <input name="nama" placeholder="Nama" required>
  <textarea name="pesan" placeholder="Pesan" required></textarea>
  <button type="submit">Kirim</button>
</form>

✅ Expected Result

Webhook menerima data
Set node format data
Notification terkirim (email/sheets/WhatsApp)
Peserta lihat hasil di inbox/spreadsheet

🎉 Ini workflow pertama kamu yang JALAN!

🔧 Troubleshooting

Masalah	Solusi
Webhook ga response	Check URL, pastikan workflow aktif
Field kosong	Check expression, pastikan key sama dengan yang dikirim
Credential error	Re-connect Google/Gmail credential
Node merah	Klik node → lihat error message di panel kanan

🏗️ Apa yang Kita Build ​

Step-by-Step Build ​

Step 1: Buat Workflow Baru ​

Step 2: Tambah Webhook Trigger ​

Step 3: Tambah Set Node (Format Data) ​

Step 4: Tambah Notification Node ​

Opsi A: Google Sheets (Paling Mudah) ​

Opsi B: Email ​

Step 5: Test End-to-End ​

✅ Expected Result ​

🔧 Troubleshooting ​

🏗️ Apa yang Kita Build

Step-by-Step Build

Step 1: Buat Workflow Baru

Step 2: Tambah Webhook Trigger

Step 3: Tambah Set Node (Format Data)

Step 4: Tambah Notification Node

Opsi A: Google Sheets (Paling Mudah)

Opsi B: Email

Step 5: Test End-to-End

✅ Expected Result

🔧 Troubleshooting