🚀 Mulai & login panel
Cara masuk panel admin, peran pengguna, dan navigasi menu.
Akses panel admin
- URL panel:
https://domain-toko-anda.com/panel/login (bukan subdomain terpisah).
- Login dengan email & password admin yang Anda buat saat wizard
/install.
- Setelah login, sidebar kiri menampilkan menu sesuai peran (role) pengguna — owner melihat semua menu.
- Tombol Lihat toko di footer sidebar membuka storefront di tab baru.
Peran pengguna (RBAC)
- Owner — akses penuh termasuk lisensi, pengguna panel, pengaturan sensitif.
- Admin — operasional toko: produk, pesanan, promosi, konten.
- Staff gudang — fokus fulfillment & pesanan (terutama jika modul Gudang & Kurir aktif).
- Finance — konfirmasi transfer, export pesanan, tanpa edit produk.
- Kelola di Panel → Pengguna panel (
/panel/pengguna).
Mode baca saja (lisensi expired)
- Jika lisensi expired, banner merah muncul — panel hanya bisa melihat data, tidak bisa ubah.
- Toko online tetap berjalan; perpanjang lisensi di klikdagang.com → Panel → Lisensi → verifikasi ulang.
Panel: /panel/login
◈ Dashboard
Ringkasan omzet, pesanan baru, dan grafik 7 hari.
Widget utama
- Total omzet & jumlah pesanan (periode grafik).
- Pesanan menunggu konfirmasi transfer — klik langsung ke daftar filter.
- Produk stok rendah — peringatan restock.
- Grafik pesanan 7 hari terakhir untuk pantau tren harian.
Lonceng notifikasi
- Icon bell di toolbar kanan — pesanan baru, handover JAKA, dll.
- Klik notifikasi untuk buka detail terkait.
Panel: /panel
▣ Produk & kategori
Tambah produk, varian SKU, stok, gambar, dan kategori.
Menambah produk
- Panel → Produk → Tambah produk.
- Isi: nama, slug URL, deskripsi, harga, harga coret (opsional), kategori.
- Upload gambar — sistem kompres otomatis; urutan gambar = urutan tampil di toko.
- Toggle Aktif agar produk tampil di katalog.
Varian (ukuran, warna, dll.)
- Aktifkan varian → tambah kombinasi (mis. S/M/L atau Merah/Biru).
- Setiap varian punya SKU, harga, stok, dan berat sendiri — dipakai hitung ongkir.
- Stok varian otomatis berkurang saat pesanan lunas/COD dikonfirmasi.
Stok
- Core: stok global per produk/varian.
- Dengan add-on Operasional Gudang & Kurir: nyalakan Lacak stok + isi stok per gudang di edit produk.
- Produk bisa ditandai Bebas ongkir — ongkir diabaikan untuk item tersebut.
Kategori
- Panel → Kategori — hierarki untuk navigasi toko.
- Produk bisa masuk beberapa kategori; urutan kategori atur tampilan menu.
Tips
- Gunakan Duplikat produk untuk varian serupa (hemat waktu).
- Export daftar produk untuk backup atau edit massal di spreadsheet.
- Pixel per produk: override pixel global di edit produk (opsional).
Panel: /panel/produk
☰ Pesanan & fulfillment
Siklus pesanan dari masuk hingga selesai — Core pakai resi manual; AWB Mengantar lewat add-on.
Status pesanan
- Menunggu pembayaran — transfer (atau Midtrans jika add-on aktif) belum lunas.
- Diproses — sudah bayar atau COD, siap packing.
- Dikirim — sudah ada nomor resi.
- Selesai — paket terkirim / COD selesai.
- Dibatalkan — order batal (stok dikembalikan jika sudah dipotong).
Alur harian (Core)
- ① Cek pesanan baru (lonceng / filter status).
- ② Konfirmasi transfer manual jika ada bukti upload.
- ③ Proses pesanan lunas → packing → isi nomor resi manual.
- ④ Update status → pelanggan dapat notifikasi email (atau WA jika NotifSender aktif).
Resi manual (Core)
- Di detail pesanan: isi nomor resi / kurir yang Anda pakai di luar sistem.
- Status Dikirim aktif setelah resi diisi.
Buat resi / AWB otomatis
- Butuh add-on Operasional Gudang & Kurir + Integrasi Mengantar terisi.
- Detail pesanan → Buat resi (jika sudah lunas/COD) → pilih layanan → AWB.
- Cetak label, request pickup, tracking sync otomatis.
Cetak & export
- Cetak invoice per pesanan atau bulk packing list.
- Export CSV pesanan (role finance/admin) untuk laporan keuangan.
Panel: /panel/pesanan
👤 Pelanggan (member)
Daftar member terdaftar, riwayat belanja, dan kontak.
Data pelanggan
- Panel → Pelanggan — member yang pernah login/daftar via OTP.
- OTP Core lewat email SMTP; OTP WhatsApp butuh add-on NotifSender.
- Lihat riwayat pesanan per pelanggan.
- Guest checkout tetap tercatat di pesanan meski belum jadi member.
Panel: /panel/pelanggan
％ Promosi & voucher
Voucher, flash sale, bundle, diskon, dan gratis ongkir.
Voucher kode
- Panel → Promosi → Voucher — buat kode (mis. HEMAT10).
- Atur: persentase/nominal, min. belanja, kuota pemakaian, periode aktif.
- Pembeli masukkan kode di checkout.
Flash sale
- Countdown promo di homepage — pilih produk & harga promo + jadwal mulai/selesai.
Diskon, bundle, gratis ongkir
- Diskon otomatis per produk/kategori.
- Bundle: beli paket produk dengan harga spesial.
- Gratis ongkir: syarat min. belanja atau produk tertentu.
Panel: /panel/promosi
₿ Rekening & pembayaran
Core: transfer manual. Midtrans & COD kurir = add-on.
Rekening bank (Core)
- Panel → Rekening — tambah multi rekening (BCA, Mandiri, dll.).
- Tampil di checkout saat pelanggan pilih transfer manual.
Konfirmasi transfer (Core)
- Pelanggan upload bukti di halaman pesanan.
- Admin review di detail pesanan → Konfirmasi lunas.
Bayar online Midtrans
- Butuh add-on Payment Gateway Midtrans.
- Setelah aktif: lunas otomatis via webhook (lihat bab Integrasi / Midtrans).
COD
- COD per kurir tersedia dengan add-on Operasional Gudang & Kurir (Mengantar).
- Pesanan COD ditandai — proses kirim tanpa tunggu transfer, bayar saat terima.
Panel: /panel/bank
▦ Konten toko
Banner, halaman CMS, info terkini, dan hero homepage.
Banner & hero
- Panel → Banner — slider/carousel homepage.
- Atur gambar, link tujuan, urutan tampil.
Halaman CMS
- Panel → Halaman — Tentang kami, Kontak, Kebijakan, dll.
- Slug URL =
/nama-halaman di toko.
Info terkini
- Pengumuman singkat di homepage (promo, libur, pengumuman toko).
Panel: /panel/banner
◐ Tema & ulasan
Ganti tampilan toko dan moderasi review produk.
Tema toko
- Panel → Tema — 5 preset (Professional, Modern, Marketplace, Luxury, Creative, Food).
- Preview sebelum apply; warna & layout berubah tanpa coding.
Ulasan produk
- Panel → Ulasan — approve/hapus rating & komentar pembeli.
Panel: /panel/tema
⚡ Integrasi (Core)
Yang selalu ada di Core: SMTP, pixel iklan, Turnstile. Gateway & WA = add-on.
SMTP email (Core)
- Wajib untuk OTP login member & notifikasi order di Core.
- Isi host, port, user, password SMTP di Panel → Integrasi.
Pixel FB / TikTok / Google (Core)
- Isi Pixel ID di Integrasi — event: ViewContent, AddToCart, InitiateCheckout, Purchase.
- Penting untuk optimasi iklan ke toko self-hosted Anda.
Cloudflare Turnstile (opsional)
- Anti-bot di login/register member — kosongkan jika tidak dipakai.
Modul add-on di Integrasi
- Menu Mengantar, Midtrans, NotifSender, JAKA muncul setelah modul dibeli & lisensi di-sync.
- Beli di portal → Panel → Lisensi → Cek ulang lisensi.
Panel: /panel/integrasi
🚚 Kurir manual / toko sendiri
Core: driver toko, ongkir flat, tanpa API ekspedisi.
Setup kurir manual
- Panel → Kurir manual — tambah nama kurir (Driver Toko, Ojek, dll.).
- Atur tarif flat per zona atau tarif tunggal.
- Jika add-on Gudang & Kurir aktif, tarif ini tampil berdampingan dengan ongkir Mengantar di checkout.
Panel: /panel/kurir-manual
📍 Operasional Gudang & Kurir (add-on)
Add-on
Mengantar (ongkir/AWB/COD) + multigudang hingga 5 lokasi.
Aktivasi
- Beli Operasional Gudang & Kurir di portal → Panel → Lisensi → Cek ulang.
- Panel → Integrasi → isi API key Mengantar + wilayah asal + kurir aktif.
Multigudang
- Panel → Pengaturan → aktifkan multigudang.
- Panel → Lokasi toko — tambah gudang/cabang.
- Isi stok per lokasi di edit produk; pembeli bisa pilih gudang.
- Fulfillment: Panel → Gudang — antrian packing per lokasi; split order bila item dari 2 gudang.
Operasional harian
- Detail pesanan → Buat resi / cetak label / pickup.
- COD per layanan kurir sesuai akun Mengantar.
Panel: /panel/gudang
💳 Midtrans (add-on)
Add-on
VA, e-wallet, QRIS, kartu — lunas otomatis. Transfer manual tetap ada di Core.
Aktivasi
- Beli modul Midtrans di portal → Panel → Lisensi → Cek ulang.
- Panel → Integrasi → Server Key + Client Key (sandbox/production).
- Daftarkan webhook:
https://domain-anda.com/midtrans/notification di dashboard Midtrans.
Panel: /panel/integrasi
🏦 iPaymu (add-on)
Add-on
Virtual Account, QRIS, Indomaret & Alfamart — lunas otomatis via webhook.
Aktivasi
- Beli modul iPaymu di portal → Panel → Lisensi → Cek ulang.
- Panel → Integrasi → isi VA + API Key → Aktifkan (sandbox/produksi).
- Notify URL otomatis:
https://domain-anda.com/ipaymu/notification.
- Checkout toko: pelanggan pilih VA / QRIS / Gerai → bayar → status update otomatis.
Panel: /panel/integrasi
💳 Duitku (add-on)
Add-on
Virtual Account, QRIS, Indomaret & Alfa — lunas otomatis via callback.
Aktivasi
- Beli modul Duitku di portal → Panel → Lisensi → Cek ulang.
- Panel → Integrasi → isi Merchant Code + API Key → Aktifkan (sandbox/produksi).
- Callback otomatis:
https://domain-anda.com/duitku/notification.
- Checkout toko: pelanggan pilih VA / QRIS / Retail → bayar → status update otomatis.
Panel: /panel/integrasi
📱 NotifSender (add-on)
Add-on
OTP & notifikasi pesanan via WhatsApp nomor toko (scan QR). Terpisah dari JAKA. OneSender API opsional.
Aktivasi
- Beli NotifSender di portal → Panel → Lisensi → Cek ulang.
- Panel → Integrasi → NotifSender → Aktif → WhatsApp toko (scan QR) → Simpan.
- VPS:
sudo bash scripts/install-notifsender-systemd.sh lalu scan QR di Integrasi.
- Edit template di Panel → Notifikasi.
- Email SMTP Core tetap jadi cadangan jika WA gagal.
Panel: /panel/notifikasi
🤖 JAKA (Jokuldigital AI Kustomer Agen) (add-on)
Add-on
Chatbot WhatsApp CS — jawab FAQ, cek order, terima COD via chat.
Menu JAKA di panel
- Setup — hubungkan WA (scan QR), OpenAI API key, suara TTS.
- Knowledge Base — FAQ & kebijakan toko untuk bot.
- Percakapan — inbox chat, handover ke admin.
- Pesan & broadcast — template & promo massal.
- Analytics — grafik token & estimasi biaya OpenAI.
Worker VPS
- JAKA butuh service systemd di VPS — pasang sekali, jalan 24/7.
- Panduan teknis lengkap: Portal → Panduan Install → modul JAKA.
Panel: /panel/jaka
Panduan teknis: login portal → Panduan Install → bagian modul terkait.
✉ Notifikasi
Template email (Core) / WA (NotifSender) untuk event pesanan.
Event notifikasi
- Pesanan baru (ke admin & pelanggan).
- Pembayaran lunas, pesanan dikirim + nomor resi.
- OTP login member.
- Edit teks template per event — sesuaikan tone brand Anda.
- Pengiriman lewat WhatsApp membutuhkan add-on NotifSender.
Panel: /panel/notifikasi
🔑 Lisensi & update software
Perpanjang lisensi, cek modul add-on, update paket store.
Verifikasi lisensi
- Panel → Lisensi — status aktif/expired, domain terikat, modul add-on.
- Tombol Cek ulang lisensi sinkron ke klikdagang.com (online).
- Setelah beli add-on di portal, selalu tekan Cek ulang agar menu terbuka.
Update software
- Portal klikdagang.com → Unduh — download ZIP versi terbaru.
- Di VPS: extract/overwrite file paket (jangan sentuh
.env & database) → ./bin/klikdagang migrate → restart service toko (+ jaka-worker jika JAKA).
- Panduan lengkap: portal → Unduh / Panduan Install → bagian Cara update.
- Setelah update: Panel → Lisensi → Cek ulang agar modul baru terbuka.
Panel: /panel/lisensi
🔐 Pengguna panel
Tambah staff dengan role terbatas.
Menambah staff
- Panel → Pengguna → tambah email, nama, role, password.
- Staff login di URL panel yang sama dengan owner.
- Nonaktifkan user tanpa hapus riwayat audit.
Panel: /panel/pengguna
⚙ Pengaturan toko
Identitas toko, ongkir, opsi checkout; multigudang lewat add-on.
Identitas & kontak
- Nama toko, logo, email/telepon support, meta SEO.
- Jam operasional — bisa ditampilkan di footer/CMS.
Pengiriman
- Core: kurir manual / isi resi manual.
- Dengan add-on Gudang & Kurir: aktifkan Mengantar di Integrasi.
- Ongkir flat fallback jika perlu.
Checkout & member
- Wajib login vs guest checkout.
- Minimum order, catatan checkout.
Panel: /panel/pengaturan
✅ Checklist toko siap jual
Minimum Core dulu; add-on hanya jika sudah dibeli.
Sebelum launch (Core)
- ☐ Produk & kategori sudah diisi + gambar.
- ☐ Rekening bank aktif & ditest (transfer manual).
- ☐ SMTP email jalan — tes OTP / notif order.
- ☐ Tema dipilih & banner homepage sudah ada.
- ☐ Halaman Tentang/Kontak/Kebijakan sudah publish.
- ☐ Pixel TikTok/FB terpasang (opsional tapi disarankan).
- ☐ Tes order end-to-end: checkout → transfer → konfirmasi → isi resi.
Jika add-on sudah aktif
- ☐ Midtrans / iPaymu / Duitku: webhook & metode bayar ditest.
- ☐ Gudang & Kurir: API Mengantar valid — tes cek ongkir & buat resi.
- ☐ NotifSender: worker aktif + scan QR (+ tes kirim WA).
- ☐ JAKA: worker systemd aktif + scan QR.
Setelah mulai iklan
- ☐ Pantau pesanan baru via lonceng panel.
- ☐ Respon chat JAKA / live chat jika aktif.
- ☐ Cek stok harian — especially flash sale.
- ☐ Export pesanan mingguan untuk rekonsiliasi keuangan.
Butuh bantuan?
Coba demo toko di
demo.klikdagang.com.
Atau hubungi tim KlikDagang via Live Chat di homepage.
