Semua proyek
Funnel Pendaftaran

Form Konsultasi Anti-Spam

Form konsultasi yang tahan spam, tidak menghasilkan data ganda, dan langsung mengirim konfirmasi serta notifikasi ke admin.

Status
Sudah berjalan
Lapisan
FrontendBackend
Dipakai oleh
Calon siswa atau orang tua yang meminta konsultasi, dan admin yang menindaklanjutinya.
Formulir Konsultasi Gratis dan Tanya Program di Numekara
Tangkapan layar

Masalahnya

Form kontak biasa mudah dibanjiri spam, kadang terkirim dua kali, dan isiannya hilang bila halaman tertutup.

Solusinya

Form memakai honeypot dan waktu isi minimum, serta kunci idempoten agar kiriman ganda tidak membuat data ganda. Setiap kiriman membuat prospek baru, email konfirmasi, dan notifikasi admin.

Cara kerjanya

Apa yang terjadi, langkah demi langkah, dari sudut pandang pengguna.

  1. 01

    Mengisi form konsultasi

    Pengunjung menulis nama, jenjang, minat program, tujuan belajar, dan kontak. Untuk siswa di bawah umur, data wali ikut diminta.

  2. 02

    Kiriman bot disaring

    Kolom jebakan tersembunyi dan waktu isi minimum menyaring bot. Server juga membatasi jumlah kiriman dari sumber yang sama.

  3. 03

    Kiriman ganda diabaikan

    Setiap form membawa kunci unik, jadi tombol kirim yang tertekan dua kali tidak membuat data ganda.

  4. 04

    Prospek baru tersimpan

    Data disimpan dulu sebagai prospek di CRM, sebelum notifikasi apa pun dikirim.

  5. 05

    Konfirmasi dan notifikasi admin

    Pengirim menerima email konfirmasi bila menyetujui komunikasi layanan. Admin langsung diberi tahu lewat Telegram atau email.

Desain sistemnya

Siapa yang memakai, apa yang mereka lihat, apa yang bekerja di belakang layar, dan di mana data disimpan. Baca dari kiri ke kanan.

  1. 1Pengguna

    • PengunjungMengisi form dari halaman konsultasi atau kontak.
  2. 2Yang dilihat

    • Form konsultasiForm dengan pesan kesalahan yang jelas di setiap kolom.
  3. 3Yang bekerja di belakang

    • Penyaring spamHoneypot, waktu isi minimum, dan batas jumlah kiriman.
    • Server formFastAPI menyimpan prospek dan menolak kiriman ganda.
  4. 4Data dan notifikasi

    • DatabasePostgreSQL menyimpan prospek, persetujuan, dan catatan aktivitas.
    • Telegram dan emailMengabari admin dan mengirim konfirmasi ke pengirim form.

Fitur utama

  • Honeypot dan waktu isi minimum
  • Tidak ada data ganda
  • Konfirmasi otomatis ke pengirim
  • Notifikasi instan ke admin

Dibangun dengan

  • Next.js
  • FastAPI
  • PostgreSQL

Yang didapat bisnis

  • Daftar prospek lebih bersih dari kiriman bot.
  • Satu permintaan tidak tercatat dua kali.
  • Admin langsung tahu ada permintaan baru tanpa terus membuka dashboard.
  • Prospek tetap tersimpan walau email atau Telegram sedang gangguan.

Istilah di halaman ini

Honeypot
Kolom tersembunyi yang tidak terlihat manusia; bila terisi, hampir pasti pengirimnya bot.
Kunci idempoten
Kode unik untuk satu kiriman, sehingga kiriman yang sama dihitung sekali saja.
Rate limit
Batas berapa kali sebuah tindakan boleh diulang dalam waktu singkat, untuk mencegah penyalahgunaan.

Bisa dipakai untuk bisnis Anda?

Cocok untuk halaman kontak bisnis apa pun: prospek yang masuk lebih bersih, dan Anda langsung tahu saat ada permintaan baru.

Konsultasikan proyek ini