Tutorial Sistem Keuangan WA — Panduan Lengkap

0

Persiapan — Yang Kamu Butuhkan

Sebelum mulai, pastikan kamu punya semua ini

✅ Checklist Persiapan

Smartphone dengan WhatsApp aktif Komputer atau laptop (untuk setup awal saja) Akun Google (Gmail) — daftar gratis di sini Akun Fonnte — daftar gratis di fonnte.com Akun Netlify — daftar gratis di netlify.com

💡

Estimasi waktu setup: 30–45 menit untuk pertama kali. Setup berikutnya (untuk klien baru) hanya 10–15 menit karena sudah terbiasa.

⚠️

Penting: Semua setup dilakukan di komputer/laptop, bukan di HP. Setelah setup selesai, penggunaan sehari-hari bisa dari HP lewat WhatsApp.

1

Buat Google Spreadsheet

Spreadsheet ini akan menjadi "database" tempat semua transaksi tersimpan

1

Buka Google Sheets

Buka browser → pergi ke sheets.google.com → login dengan akun Google kamu → klik tombol "+ Blank" (atau "Buat Spreadsheet Baru")

✅

Spreadsheet kosong baru akan terbuka dengan nama "Untitled spreadsheet"

2

Buat 4 Tab/Sheet

Di bagian bawah ada tab bertuliskan "Sheet1". Kamu perlu membuat 4 tab dengan nama persis:

📋 Tab yang Harus Dibuat

Nama Tab	Fungsi	Wajib?
DATA	Semua transaksi tersimpan di sini	Wajib
LOG	Log semua pesan WA masuk	Wajib
TABUNGAN	Data tabungan	Wajib
SETTING	Konfigurasi (target tabungan dll)	Wajib

Cara buat tab baru: klik ikon "+" di pojok kiri bawah → klik 2x pada nama tab → ketik nama → Enter

⚠️

Huruf harus BESAR semua! DATA bukan data, LOG bukan log. Kalau salah, bot tidak bisa menyimpan transaksi.

3

Tambah Header di Tab DATA

Klik tab DATA → klik sel A1 → isi header berikut di baris pertama:

Isi baris 1 di tab DATA 
A1: TANGGAL   B1: TIPE   C1: KATEGORI   D1: JUMLAH
E1: KETERANGAN   F1: NOMOR   G1: KELOMPOK   H1: AKUN

💡

Ketik di A1, lalu tekan Tab untuk pindah ke sel berikutnya. Jauh lebih cepat!

4

Buka Akses Spreadsheet ke Publik

Agar dashboard bisa membaca data, Spreadsheet perlu dibuka aksesnya:

1Klik tombol "Share" (pojok kanan atas, warna hijau/biru)

2Di bagian bawah popup, cari "General access"

3Ubah dari "Restricted" menjadi "Anyone with the link"

4Pastikan role-nya "Viewer" (bukan Editor)

5Klik "Done"

5

Salin Spreadsheet ID

Spreadsheet ID ada di URL browser kamu. Contoh URL:

URL Spreadsheet
docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgVE2upms/edit

Bagian yang di-highlight itulah Spreadsheet ID kamu. Copy dan simpan — akan dipakai nanti.

2

Setup Google Apps Script

Apps Script adalah "otak" bot WA — menerima pesan dan menyimpan ke Sheets

ℹ️

Apa itu Apps Script? Ini seperti program mini gratis dari Google yang berjalan di cloud. Kamu tidak perlu bayar server atau hosting apapun untuk bagian ini.

1

Buka Google Apps Script

Buka tab baru di browser → pergi ke script.google.com → login dengan akun Google yang sama → klik "New Project"

2

Paste Code dari Generator

Di halaman Apps Script, ada area kode dengan tulisan function myFunction() {}. Hapus semua itu, lalu paste isi file Code.gs yang sudah kamu download dari generator.

⚠️

Pastikan kamu menghapus SEMUA kode lama dulu sebelum paste. Klik di dalam area kode → Ctrl+A → Delete → baru paste.

3

Simpan Project

Tekan Ctrl+S (atau klik ikon disket/save) → beri nama project, misalnya "Bot Keuangan Keluarga" → klik OK

4

Deploy sebagai Web App

Ini langkah terpenting! Klik menu "Deploy" (pojok kanan atas) → "New deployment"

⚙️ Pengaturan Deploy

Select type: Web app

Execute as: Me (email kamu)

Who has access: Anyone ← Wajib pilih ini!

Klik "Deploy" → Google mungkin minta izin akses → klik "Authorize access" → pilih akun Google kamu → klik "Allow"

5

Salin URL Web App

Setelah deploy berhasil, akan muncul "Web app URL". Copy URL tersebut — bentuknya seperti ini:

Contoh URL Web App
https://script.google.com/macros/s/AKfycb.../exec

✅

Simpan URL ini! Akan dipakai di langkah Fonnte berikutnya.

3

Setup Fonnte (WhatsApp Gateway)

Fonnte menghubungkan WhatsApp kamu dengan bot

ℹ️

Apa itu Fonnte? Fonnte adalah layanan yang memungkinkan kamu mengirim dan menerima pesan WhatsApp secara otomatis. Gratis untuk penggunaan dasar.

1

Daftar & Login Fonnte

Buka fonnte.com → klik "Register" → isi email & password → verifikasi email → login

2

Tambah Device (Hubungkan WA)

Di dashboard Fonnte → klik "Device" di menu kiri → klik "Add Device" → isi nama device (bebas, misal "Bot Keuangan") → klik "Add"

3

Scan QR Code

Akan muncul QR code. Buka WhatsApp di HP kamu → titik tiga (⋮) → "Linked Devices" → "Link a Device" → scan QR code tersebut

⚠️

HP yang WA-nya di-scan harus tetap terhubung internet agar bot bisa berjalan. Jangan sampai HP mati atau WA logout.

4

Salin Token Fonnte

Setelah QR berhasil di-scan, status device akan jadi "Connected". Klik device tersebut → salin Token yang terlihat

✅

Token ini sudah kamu masukkan saat mengisi form generator. Jadi langkah ini hanya konfirmasi.

5

Pasang URL Webhook di Fonnte

Di dashboard Fonnte → klik "Device" → klik tombol "Edit" pada device kamu → scroll ke bawah sampai ketemu field "Webhook ?"

📋 Cara Pasang Webhook

1Login Fonnte → klik menu Device di kiri

2Klik tombol Edit (ikon pensil) pada device kamu

3Scroll ke bawah → cari field "Webhook ?" (bukan Webhook Connect, bukan Webhook Chaining)

4Paste URL Apps Script kamu di field "Webhook ?" tersebut

5Klik Save / Update

🖼 Tampilan Field di Fonnte

Whitelist IP token

123.123.123.122, 123.123.123.123

Webhook ? ← Paste di sini

https://script.google.com/macros/s/AKfycb.../exec

Webhook url must allow POST and GET method

Webhook Connect ?

https://fonnte.com/webhook.php ← biarkan kosong

Webhook Message Status ?

https://fonnte.com/webhook.php ← biarkan kosong

⚠️

Pastikan isi hanya di field "Webhook ?" yang paling atas saja. Field Webhook Connect, Webhook Message Status, dan Webhook Chaining biarkan kosong.

✅

Sekarang setiap pesan WA yang masuk akan diteruskan ke Apps Script kamu!

6

Setting Edit Checklist — Grup & Private

Masih di halaman device Fonnte, klik "Edit" pada device → cari bagian pengaturan checklist berikut dan pastikan settingnya sesuai:

⚙️ Pengaturan yang Harus Dicek

Opsi	Nilai	Keterangan
Private Message	✓ Aktifkan	Agar bot bisa membalas pesan pribadi (chat 1-1)
Group Message	✓ Aktifkan	Agar bot bisa baca & balas pesan di grup WA keluarga
Reply Webhook	✓ Aktifkan	Agar semua pesan diteruskan ke webhook (Apps Script)
Auto Reply	✗ Matikan	Jangan aktifkan — nanti bentrok dengan bot kita
Autoread	✓ Aktifkan (On)	Agar pesan otomatis terbaca — wajib untuk chatbot

⚠️

Penting: Kalau "Group Message" tidak diaktifkan, bot tidak akan merespons perintah yang dikirim di grup WA keluarga.

💡

Tips Group ID: Setelah semua aktif, kirim perintah cekgroup dari dalam grup WA → bot akan balas ke chat privatmu dengan Group ID. Salin ID tersebut untuk konfigurasi lanjutan.

4

Pasang Dashboard di Netlify

Dashboard adalah halaman web untuk melihat grafik keuangan secara visual

1

Daftar Akun Netlify

Buka netlify.com → klik "Sign up" → pilih "Sign up with Email" atau login dengan Google

2

Upload Dashboard

Di Netlify dashboard → klik "Add new site" → pilih "Deploy manually" → akan ada area drag & drop

📂

Drag & Drop file index.html di sini

atau klik untuk pilih file

Ambil file index.html dari hasil download generator → drag ke area tersebut → tunggu upload selesai

3

Ganti Nama Site

Setelah upload, kamu dapat URL acak seperti jolly-beaver-123.netlify.app. Untuk menggantinya:

1Klik "Site configuration" di menu kiri

2Cari bagian "Site name" → klik "Change site name"

3Ketik nama yang kamu mau, misal: keuangan-keluargabudi

4URL jadi: keuangan-keluargabudi.netlify.app ✅

4

Test Dashboard

Buka URL dashboard kamu di browser → pastikan data muncul. Kalau masih kosong, coba kirim dulu beberapa transaksi via WA, lalu refresh halaman.

🎉

Selamat! Setup sudah selesai. Dashboard akan auto-refresh setiap 30 detik secara otomatis.

📊 Contoh Tampilan Dashboard Preview

● LIVE Catatan Pengeluaran Keluarga

💰

Pemasukan

Rp 11,8Jt

12 transaksi

💸

Pengeluaran

Rp 8,2Jt

34 transaksi

🏦

Saldo Akhir

Rp 5,4Jt

✓ Surplus

📈

Rasio

69%

🟡 Waspada

Top Pengeluaran

KewajibanRp 3,7Jt

KeluargaRp 2,1Jt

TransportasiRp 1,2Jt

Rumah TanggaRp 870K

Saldo Per Akun

MandiriRp 2,8Jt

BCARp 1,4Jt

Bank JatengRp 980K

CashRp 220K

5

Cara Pakai — Perintah WhatsApp

Kirim perintah ini ke nomor WA yang terhubung ke bot

📤 Catat Pengeluaran

Format	Contoh	Keterangan
out [kategori] [nominal] [akun] [catatan]	out makan 25000 cash nasi goreng	Catat pengeluaran makan Rp 25.000 dari akun cash
	out listrik 310000 mandiri	Bayar listrik Rp 310.000 dari mandiri
	out sekolah 2000000 bca spp januari	SPP sekolah Rp 2 juta dari BCA

📥 Catat Pemasukan

Format	Contoh	Keterangan
in [kategori] [nominal] [akun] [catatan]	in gaji 3500000 mandiri gaji maret	Terima gaji Rp 3,5 juta ke mandiri
	in bonus 500000 bca bonus proyek	Bonus Rp 500 ribu masuk ke BCA

🔁 Transfer Antar Rekening

Format	Contoh	Keterangan
pindah [nominal] [dari] [ke] [catatan]	pindah 500000 mandiri cash tarik tunai	Tarik tunai Rp 500 ribu dari Mandiri

📊 Cek Laporan & Info

Perintah	Fungsi
cek	Laporan bulan ini (saldo, pemasukan, pengeluaran)
cek 3 2026	Laporan bulan Maret 2026
neraca	Saldo semua rekening saat ini
dashboard	Kirim link dashboard
cek kategori out	Lihat semua kategori pengeluaran
cek kategori in	Lihat semua kategori pemasukan
cek fitur	Lihat semua fitur yang tersedia

🏦 Tabungan

Perintah	Fungsi
tabung 500000 liburan	Tambah tabungan Rp 500 ribu untuk liburan
set tabungan 10000000	Set target tabungan Rp 10 juta

💬 Contoh Balasan Bot

🤖

Bot Keuangan

● online

Kamu kirim:

out makan 25000 cash nasi goreng

Balasan bot:

🔴⬇ *PENGELUARAN TERCATAT* ━━━━━━━━━━━━━━━━━━ 📅 11 Mar 2026 14:32 🏷 Kelompok : Rumah Tangga 📂 Kategori : makan 💸 Nominal : Rp 25.000 ━━━━━━━━━━━━━━━━━━ 💰 Saldo Global : Rp 5.350.000 📆 Saldo Awal Bulan : Rp 3.200.000 🟢 IN Bulan Ini : Rp 8.500.000 🔴 OUT Bulan Ini : Rp 5.875.000 🧮 Saldo Bulan Ini : Rp 5.825.000 📈 Rasio : 69% 🟩🟩🟩🟩🟩🟩🟩⬜⬜⬜

14:32 ✓✓

?

FAQ & Troubleshooting

Pertanyaan yang sering ditanyakan

Bot tidak membalas pesan saya ▼

Cek 3 hal:
1. HP yang WA-nya dipakai harus tetap online dan WA tidak logout
2. Pastikan webhook URL di Fonnte sudah benar (URL exec Apps Script)
3. Coba kirim perintah cek — kalau tetap tidak ada balasan, buka Apps Script → Executions untuk lihat error

Dashboard menampilkan data 0 / kosong ▼

Kemungkinan penyebab:
1. Spreadsheet belum dibuka aksesnya — pastikan Share → Anyone with the link → Viewer
2. Nama tab sheet bukan DATA (huruf besar semua)
3. Header baris pertama salah — pastikan: TANGGAL, TIPE, KATEGORI, JUMLAH, KETERANGAN, NOMOR, KELOMPOK, AKUN
4. Belum ada transaksi sama sekali — coba kirim dulu lewat WA

Muncul error "Akun tidak valid" saat catat transaksi ▼

Nama akun yang kamu ketik tidak ada di daftar akun. Cek file Code.gs — lihat bagian var daftarAkun untuk tahu akun apa saja yang valid. Nama akun harus huruf kecil, contoh: mandiri bukan Mandiri

Muncul error "Kategori tidak valid" ▼

Kirim perintah cek kategori out (untuk pengeluaran) atau cek kategori in (untuk pemasukan) — bot akan balas dengan daftar kategori yang valid.

Bagaimana kalau HP mati / WA logout? ▼

Bot akan berhenti sementara. Setelah HP hidup dan WA online kembali, bot otomatis aktif lagi. Transaksi yang dikirim saat bot mati tidak akan masuk — perlu diinput ulang manual.

Bisakah dipakai lebih dari 2 orang? ▼

Bisa! Tambahkan nomor WA di bagian var userMap di file Code.gs, lalu deploy ulang Apps Script. Tidak ada batasan jumlah anggota.

Apakah data saya aman? ▼

Data tersimpan di Google Sheets milik kamu sendiri — bukan di server orang lain. Hanya kamu yang punya akses ke Spreadsheet tersebut (kecuali kamu share ke orang lain).

Apakah ini gratis selamanya? ▼

Ya, semua komponen gratis:
• Google Sheets — gratis (15GB storage per akun Google)
• Google Apps Script — gratis (6 menit/eksekusi, cukup untuk penggunaan normal)
• Fonnte — gratis untuk penggunaan dasar
• Netlify — gratis (bandwidth 100GB/bulan, lebih dari cukup untuk dashboard statis)