Arsitektur Singkat
Alurnya terdiri dari lima komponen:
- Landing page (HTML, CSS, JavaScript) di Plesk. Form mengirim data JSON ke webhook.
- n8n self-hosted yang menerima webhook, membersihkan data, dan membuat nomor order serta token persetujuan sekali pakai.
- Google Sheets sebagai database ringan dan jejak audit.
- Telegram Bot untuk notifikasi dan daftar pekerjaan.
- Plesk dengan WP Toolkit untuk menyiapkan WordPress pelanggan.
Cara Kerjanya, Langkah demi Langkah
1) Pelanggan mengisi form
Form berisi nama, WhatsApp, email, jenis website (14 pilihan, dari company profile sampai marketplace), paket, dan status domain. Data dikirim dengan fetch POST. Ada satu field tersembunyi (honeypot) untuk menjebak bot.
2) n8n menormalisasi data
Sebuah Code node merapikan setiap field, memotong panjang teks, dan membuang karakter yang bisa merusak spreadsheet atau pesan. Node ini juga membuat nomor order seperti ORD-20261019-203509-DTE dan token acak untuk persetujuan.