Kebijakan Privasi
Target AI

Semua akun media sosial terintegrasi dengan sistem Cerdas AI Chat dari Target AI.

WatBis - Complete Setup & Documentation Guide

WatBis Complete Guide

Panduan lengkap setup dan dokumentasi semua fitur WatBis - WhatsApp Business Integration System

📱 React Native 🤖 AI-Powered 📢 Broadcast 🔄 Automation Analytics

🚀 Quick Start 📥 Installation WhatsApp Setup Chats 👥 Contacts & Grub 🏪 Store Broadcast 📝 Template Management 🤖 AI Settings Flows 📆 Booking 🔌 API Troubleshooting ❓ FAQ

🚀

Quick Start

Mulai gunakan WatBis dalam 5 menit

ℹ️

Prerequisite: Pastikan Anda sudah memiliki WhatsApp Business Account dan akses ke Meta Business Suite.

Download & Install Aplikasi

Download WatBis dari App Store (iOS) atau Google Play (Android), lalu install di device Anda.

Buat Akun & Login

Daftar menggunakan email bisnis Anda. Verifikasi email dan login ke aplikasi.

Connect WhatsApp Business

Ikuti wizard setup untuk menghubungkan WhatsApp Business Account Anda dengan WatBis.

Setup AI Assistant (Opsional)

Konfigurasikan AI Chat Assistant untuk membalas pesan customer secara otomatis.

Mulai Kirim Pesan!

Anda siap untuk mengelola chat, kirim broadcast, dan automasi komunikasi bisnis Anda.

✅

Setup Complete! Anda sudah siap menggunakan WatBis. Jelajahi fitur-fitur di bawah untuk memaksimalkan penggunaan.

📥

Installation & Setup

Panduan instalasi lengkap untuk semua platform

📱 Mobile App Installation

🍎

iOS (iPhone/iPad)

1. Buka App Store
2. Search "WatBis"
3. Tap "Get" untuk install
4. Buka aplikasi setelah install

🤖

Android

1. Buka Google Play Store
2. Search "WatBis"
3. Tap "Install"
4. Buka aplikasi setelah install

⚙️ System Requirements

iOS: iOS 13.0 atau lebih baru
Android: Android 8.0 (Oreo) atau lebih baru
Storage: Minimum 100MB free space
Internet: Koneksi internet stabil (WiFi/4G/5G)

🚀

Setup Koneksi WhatsApp Business

Langkah-langkah menghubungkan WhatsApp Business API ke WatBis

💡

Info: Proses setup ini menggunakan Embedded Signup Flow dari Meta/Facebook. Anda akan dipandu step-by-step untuk membuat atau menghubungkan WhatsApp Business Account.

Login ke Dashboard WatBis

Buka aplikasi WatBis dan login menggunakan akun Anda.

Akses: https://app.watbis.com
Masukkan email dan password
Klik tombol "Login"

Pilih Menu "WhatsApp Setup"

Dari dashboard utama, cari dan klik menu "WhatsApp Setup" atau "Platform Integration".

Biasanya ada di sidebar menu atau dashboard card
Icon berupa logo WhatsApp hijau 💬

Jika Anda sudah pernah setup sebelumnya, akan muncul status koneksi dan informasi akun Anda.

Klik Tombol "Connect WhatsApp"

Pada halaman WhatsApp Setup, klik tombol "Hubungkan WhatsApp Business" atau "Connect WhatsApp".

Akan muncul modal popup untuk memulai proses Embedded Signup.

Login Facebook (Embedded Signup)

Anda akan diminta login ke Facebook Business Manager:

Masukkan email dan password Facebook Anda
Jika sudah login di browser, akan otomatis terdeteksi
Ikuti proses 2FA jika diaktifkan

⚠️

Penting: Gunakan akun Facebook yang memiliki akses ke Business Manager atau akun yang akan Anda gunakan untuk manage WhatsApp Business.

Pilih atau Buat Business Account

Setelah login, Anda akan diminta memilih:

Business Account yang sudah ada - Jika Anda sudah punya
Buat Business Account baru - Jika belum punya

Jika membuat baru:

Masukkan nama bisnis
Pilih kategori bisnis
Isi alamat bisnis

Setup Nomor WhatsApp

Pilih salah satu opsi berikut:

Opsi A: Gunakan Nomor Baru

Pilih negara (Indonesia +62)
Masukkan nomor baru yang belum terdaftar WhatsApp
Verifikasi via SMS/Call

Opsi B: Migrate dari WhatsApp Business App

Pilih nomor yang sudah ada di WhatsApp Business App
Konfirmasi bahwa nomor akan logout dari app
Verifikasi kepemilikan nomor

🚨

Perhatian: Setelah nomor dipindahkan ke WhatsApp Business API, nomor tersebut tidak bisa digunakan lagi di WhatsApp App atau WhatsApp Business App. Pastikan Anda sudah backup chat history jika diperlukan!

Verifikasi Nomor

WhatsApp akan mengirimkan kode verifikasi via SMS atau call:

Masukkan 6 digit kode yang diterima
Jika tidak menerima, request ulang kode
Atau pilih "Verify via call" untuk menerima via telepon

Contoh Kode Verifikasi

Kode verifikasi WhatsApp Anda: 123-456
Jangan bagikan kode ini kepada siapapun!

Setup Display Name & Profile

Lengkapi profil bisnis Anda:

Display Name: Nama bisnis yang akan terlihat customer (max 25 karakter)
Kategori Bisnis: Pilih kategori yang sesuai (Retail, Pendidikan, dll)
Deskripsi: Jelaskan tentang bisnis Anda (opsional)
Alamat: Alamat lengkap bisnis
Website: URL website bisnis (opsional)
Email: Email kontak bisnis

💡

Tips: Display Name harus mencerminkan brand Anda dan akan digunakan untuk verifikasi Official Business Account (OBA). Pilih dengan hati-hati!

Review & Authorize

Terakhir, review semua informasi dan berikan izin akses:

WatBis akan meminta akses untuk mengelola WhatsApp Business Account Anda
Review izin yang diminta (send messages, manage templates, dll)
Klik "Allow" atau "Izinkan"

🎉

Selesai! Jika semua berhasil, Anda akan melihat pesan "WhatsApp Business berhasil terhubung!" dan akan redirect ke dashboard.

Verifikasi Koneksi

Setelah setup selesai, pastikan koneksi berhasil dengan memeriksa:

✅ Status: "Connected" atau "Terhubung"
✅ Nomor telepon muncul dengan benar
Business Account ID tertera
✅ Webhook status: "Verified"

Coba kirim test message untuk memastikan semuanya berfungsi!

⏱️

Catatan: Proses setup biasanya memakan waktu 5-10 menit. Jika terjadi error atau gagal, silakan coba lagi atau hubungi support kami.

💬

Chats Screen

Kelola semua percakapan WhatsApp dalam satu tempat

Chats / Conversations Screen

screens/ChatsScreen.js

Screen utama untuk mengelola semua percakapan WhatsApp. Menampilkan daftar chat dengan customer, informasi pesan terakhir, status read/unread, dan quick actions.

✨ Key Features:

Real-time Chat List: Daftar chat yang update secara real-time
Search & Filter: Cari chat berdasarkan nama/nomor customer
Status Indicators: Lihat pesan read/unread, typing indicators
Quick Reply: Template quick reply untuk respon cepat
Message Preview: Lihat preview pesan terakhir
Timestamp: Waktu pesan terakhir (relative time)
Pull to Refresh: Refresh chat list dengan pull down
Swipe Actions: Swipe untuk archive, mute, atau delete

🎨 UI Components:

Search bar dengan icon di header
Filter tabs (All, Unread, Groups)
Chat item card dengan avatar, nama, preview, dan badge
Floating Action Button untuk new chat
Empty state ketika belum ada chat

User Flow:

User membuka app → Chats Screen (home)
Lihat daftar semua percakapan
Tap chat → Buka ChatDetailScreen
Tap FAB (+) → Start new conversation
Swipe left/right → Quick actions (archive/delete)

📢

Broadcast System

Kirim pesan massal ke ribuan customer sekaligus

📢 Broadcast List Screen

screens/Broadcast.js

Menampilkan daftar semua campaign broadcast yang pernah dibuat. User bisa melihat status campaign (draft, scheduled, sending, completed), statistik pengiriman, dan manage campaigns.

✨ Key Features:

Campaign List: Daftar semua broadcast campaigns dengan status
Quota Display: Lihat sisa quota broadcast Anda
Status Badges: Visual indicator untuk status campaign
Statistics: Total sent, delivered, read, failed
Search & Sort: Cari campaign dan sort by date
Pagination: Load more campaigns dengan infinite scroll
Quick Actions: View details, duplicate, atau delete campaign
Create New: Button untuk create new broadcast

📊 Campaign Status:

Draft: Campaign belum dikirim
Scheduled: Dijadwalkan untuk dikirim
Sending: Sedang dalam proses pengiriman
Completed: Sudah selesai dikirim
Failed: Gagal dikirim

✍️ Create Broadcast Screen

screens/CreateBroadcastScreen.js

Form wizard untuk membuat campaign broadcast baru. User bisa pilih template, select recipients, personalize message dengan variables, attach media, dan schedule pengiriman.

Key Features:

Template Selection: Pilih dari template yang sudah approved Meta
Recipients Selector: Pilih contact groups atau individual contacts
Variable Personalization: Isi variable {{1}}, {{2}} dll dengan data dynamic
Media Upload: Attach image, video, atau document
Template Preview: Real-time preview template dengan data sample
Schedule Options: Send now atau schedule untuk waktu tertentu
Quota Warning: Alert jika quota tidak mencukupi
Validation: Auto-validate sebelum send (template, recipients, variables)

🔄 Creation Flow:

Tap "Create Broadcast" dari Broadcast List
Pilih Template (hanya yang approved)
Pilih Recipients (contacts/groups)
Isi Variables untuk personalisasi
Upload Media jika template membutuhkan
Preview template dengan sample data
Set schedule (now/later)
Review & Submit
Campaign created → Status: Draft/Scheduled

️

Important: Template harus sudah approved oleh Meta sebelum bisa digunakan untuk broadcast. Jika template masih pending/rejected, tidak akan muncul di selection.

👥

Manajemen Kontak & Grup

Kelola database customer dengan efektif

Contact Management adalah fitur untuk mengelola database customer Anda. Anda bisa menambah, edit, import, dan mengelompokkan kontak untuk targeting yang lebih baik.

Cara Menambah Kontak:

Menambah Kontak Manual

Untuk menambah kontak satu per satu:

Buka menu "Kontak" atau "Contacts"
Klik tombol "+ Tambah Kontak"
Isi form:
- Nama: Nama lengkap customer
- Nomor Telepon: Format internasional (08xxx atau +628xxx)
- Email: Email customer (opsional)
- Grup: Pilih grup yang sesuai (opsional)
Klik "Simpan"

💡

Tips: Gunakan format nomor dengan kode negara (+62) untuk memastikan pesan terkirim dengan baik.

Import Kontak dari CSV/Excel

Untuk import banyak kontak sekaligus:

Siapkan file CSV atau Excel dengan kolom:
- name - Nama kontak
- phone - Nomor telepon
- email - Email (opsional)
- groups - Nama grup (opsional)
Klik tombol "Import Kontak"
Upload file CSV/Excel
Mapping kolom jika perlu
Klik "Proses Import"

Contoh Format CSV

name,phone,email,groups
Budi Santoso,081234567890,budi@email.com,Premium Customer
Ani Wijaya,081234567891,ani@email.com,Regular Customer
Dedi Kurniawan,081234567892,dedi@email.com,VIP

⚠️

Perhatian: Pastikan tidak ada duplikat nomor. Sistem akan skip atau merge data jika ditemukan nomor yang sama.

Manajemen Grup:

Grup membantu Anda mengorganisir kontak berdasarkan kategori, lokasi, atau karakteristik lainnya. Anda bisa mengirim broadcast ke grup tertentu tanpa harus pilih kontak satu per satu.

Membuat Grup Baru

Buka tab "Grup" di halaman Kontak
Klik "+ Buat Grup"
Masukkan nama grup (contoh: "Customer Jakarta", "VIP Member", "Leads Januari")
Klik "Simpan"

Menambahkan Kontak ke Grup

Cara 1: Dari List Kontak

Pilih kontak yang ingin ditambahkan (centang checkbox)
Klik "Tambah ke Grup"
Pilih grup tujuan
Klik "Simpan"

Cara 2: Dari Detail Grup

Buka detail grup
Klik "Tambah Anggota"
Pilih kontak dari list
Klik "Tambahkan"

Mengelola Anggota Grup

Untuk melihat dan mengelola anggota grup:

Klik nama grup untuk melihat detail
Anda akan melihat list semua anggota
Klik icon ❌ untuk remove anggota dari grup
Search untuk cari anggota tertentu

Fitur-fitur Contact Management:

🔍

Search & Filter

Cari kontak berdasarkan nama, nomor, atau grup dengan mudah

Edit Kontak

Update informasi kontak kapan saja

🗑️

Delete Kontak

Hapus kontak yang tidak aktif atau duplikat

📊

Export Data

Download database kontak dalam format CSV/Excel

️

Multi-Group

Satu kontak bisa masuk ke beberapa grup sekaligus

️

Sorting

Urutkan kontak berdasarkan nama, tanggal, atau custom field

Best Practice:

Buat grup berdasarkan behavior atau demografi customer
Gunakan naming convention yang konsisten untuk grup
Regular cleanup: hapus kontak invalid atau bounce
Backup database kontak secara berkala
Jangan spam: kirim pesan hanya ke kontak yang relevan

🏪

Store Management System

Kelola toko online Anda dengan fitur lengkap e-commerce

🎨 Store Branding Settings

screens/StoreBrandingScreen.js

Pengaturan lengkap untuk branding toko online Anda. Kelola identitas visual, informasi kontak, metode pembayaran, dan semua aspek presentasi toko Anda kepada pelanggan.

✨ Key Features:

Custom Store URL (Slug): Buat URL unik untuk toko Anda (contoh: tokoku.watbis.store)
Logo & Favicon Upload: Upload logo toko dan favicon dengan preview real-time
Site Information: Set nama toko, tagline, dan SEO title
Business Hours: Atur jam operasional toko dengan timezone
Contact Details: Kelola alamat, nomor telepon, dan email
Bank Accounts: Tambah multiple rekening bank untuk pembayaran transfer
COD Settings: Enable/disable Cash on Delivery
Social Media Links: Integrasi dengan Facebook, Instagram, YouTube, TikTok
Marketplace Links: Link ke Shopee, Tokopedia, Lazada
Google Maps: Embed lokasi toko untuk customer

🏦 Bank Account Management:

Tambah Rekening

Add unlimited bank accounts dengan detail:

Nama Bank (BCA, Mandiri, BNI, BRI, dll)
Nomor Rekening
Nama Pemilik Rekening
Cabang Bank (opsional)

Edit & Hapus

Kelola rekening yang sudah ada:

Edit informasi rekening
Toggle aktif/nonaktif
Hapus rekening
Reorder prioritas tampilan

🌐 Custom Store Slug:

    # Format URL Toko:
    https://app.watbis.com/store/[slug-anda]
    
    # Aturan Slug:
    - Hanya huruf kecil (a-z)
    - Angka (0-9)
    - Tanda hubung (-)
    - Tidak boleh ada spasi atau karakter khusus
    - Minimal 3 karakter
    
    # Contoh Slug Valid:
    ✓ toko-kopi-jakarta
     fashion-store-2024
    ✓ sepatu-sneakers-original
    
    # Contoh Slug Invalid:
    ✗ Toko Kopi (ada spasi)
    ✗ toko@kopi (karakter khusus)
    ✗ tk (terlalu pendek)
                

📍 Location & Contact Settings:

1. Alamat Lengkap

Input alamat toko lengkap dengan nomor jalan, kelurahan, kecamatan, kota, dan kode pos. Informasi ini akan ditampilkan di halaman checkout dan footer toko.

2. Jam Operasional

Set jam buka dan tutup untuk setiap hari dalam seminggu. Format: "Senin-Jumat 09:00-18:00, Sabtu 09:00-15:00, Minggu Tutup"

3. Kontak Support

Nomor WhatsApp dan email yang bisa dihubungi customer untuk pertanyaan atau komplain.

🎯 User Flow - Store Branding:

    1. User tap "Store" di bottom navigation
    2. Pilih "Pengaturan Toko" atau "Store Settings"
    3. Pilih section yang ingin di-edit:
       - Info & URL → Edit nama, tagline, slug
       - Jam Operasional  Set business hours
       - Branding Visual → Upload logo & favicon
       - Alamat & Kontak → Edit alamat dan contact
       - Tautan Eksternal → Add social media links
       - Metode Pembayaran → Kelola bank accounts & COD
    4. Tap "Simpan" untuk apply changes
    5. Changes akan langsung terlihat di storefront
                

💡

Pro Tip: Logo toko yang bagus ukurannya 800x400px (ratio 2:1), sedangkan favicon ideal 512x512px (square). Format PNG dengan transparent background memberikan hasil terbaik.

🖼 Banner Management

API: /api/companies/{company}/banners

Kelola banner promosi yang ditampilkan di homepage toko. Banner carousel untuk highlight promo, produk baru, atau event khusus.

✨ Banner Features:

Multiple Banners: Upload unlimited banners untuk carousel
Image Upload: Support JPEG/PNG, max 5MB per image
URL Linking: Set link tujuan saat banner di-click
Order Management: Drag & drop untuk reorder banner sequence
Enable/Disable: Toggle banner aktif/nonaktif tanpa menghapus
Auto Carousel: Banner auto-rotate di storefront

Rekomendasi Ukuran Banner:

Device	Ukuran Optimal	Ratio	Keterangan
Desktop	1920x600px	16:5	Full width banner
Mobile	1080x1080px	1:1	Square banner
Universal	1600x900px	16:9	Best for all devices

ℹ️

Best Practice: Gunakan 3-5 banner dengan desain konsisten. Pastikan text di banner tetap readable di mobile. Update banner setiap minggu untuk keep content fresh.

📦 Product Management System

screens/Products.js

Comprehensive product management dengan support untuk produk fisik, digital, dan jasa. Kelola ribuan produk dengan mudah, lengkap dengan variant, stok, dan pricing.

✨ Product Management Features:

Product Types: Physical, Digital, Service/Jasa
Category Management: Create unlimited categories dengan nested structure
Multi-Image Upload: Upload hingga 10 gambar per produk
Product Variants: Support warna, ukuran, model dengan stock & price per variant
Stock Tracking: Real-time inventory management
Pricing: Regular price & discount price dengan percentage calculator
SKU Management: Generate atau custom SKU untuk tracking
Product Description: Rich text editor dengan formatting
Branch Assignment: Assign produk ke specific branches
Staff Assignment: Delegate product management ke staff
Bulk Actions: Edit, delete, export multiple products sekaligus
Search & Filter: Filter by category, type, stock status, price range

Product Types Explained:

📦 Physical Product

Untuk: Barang yang dikirim secara fisik

Memerlukan shipping
Ada berat dan dimensi
Stock management ketat
Contoh: Sepatu, Baju, Elektronik

💿 Digital Product

Untuk: Produk downloadable

No shipping required
Instant delivery via email/link
Unlimited stock
Contoh: Ebook, Software, Template

⚙️ Service/Jasa

Untuk: Layanan & booking

Time-based availability
Booking/appointment system
Duration management
Contoh: Konsultasi, Spa, Kursus

🏷️ Category Management:

Create Category

Tap "Kelola Kategori" → Input nama kategori → Tap "Tambah". Category akan langsung tersedia untuk product assignment.

Edit Category

Tap icon edit di samping kategori → Ubah nama → Tap checkmark. Semua produk dalam kategori akan ter-update otomatis.

Delete Category

Tap icon trash → Konfirmasi hapus. Produk dalam kategori tidak akan terhapus, hanya categorynya yang akan di-unassign.

🎯 Creating a Product - Step by Step:

    Step 1: BASIC INFORMATION
    - Tap FAB (+) button di Products screen
    - Input "Nama Produk" (required)
    - Pilih "Tipe Produk": Physical/Digital/Service
    - Pilih "Kategori" atau buat baru
    
    Step 2: PRICING
    - Input "Harga Normal" (required)
    - Optional: Input "Harga Diskon"
    - System auto-calculate discount percentage
    - Set "Berat" untuk physical products (gram)
    
    Step 3: IMAGES
    - Tap "Upload Gambar"
    - Pilih dari gallery (max 10 images)
    - First image = primary thumbnail
    - Drag to reorder images
    
    Step 4: VARIANTS (Optional)
    - Enable "Produk Punya Varian"
    - Add variant name (Warna, Ukuran, Model)
    - Add options (Merah, Biru, S, M, L)
    - Set stock & price per variant
    
    Step 5: DESCRIPTION & DETAILS
    - Input "Deskripsi Produk" (rich text)
    - Set "Stok" (jika tidak ada variant)
    - Input "SKU" (auto-generated atau custom)
    - Add "Tags" untuk SEO
    
    Step 6: ADDITIONAL SETTINGS
    - For Services: Set "Durasi" (menit/jam)
    - Assign to "Cabang" (branch)
    - Assign to "Staff" (multiple selection)
    - Enable/disable product visibility
    
    Step 7: SAVE & PUBLISH
    - Tap "Simpan Produk"
    - Product langsung muncul di storefront
    - Monitor views & sales di analytics
                

🔄 Product Variants Explained:

Variants adalah opsi berbeda dari satu produk yang sama. Contoh:

    Produk: Kaos Polos
    Variant Type 1: Warna
      - Hitam (Stock: 50, Price: Rp 75,000)
      - Putih (Stock: 30, Price: Rp 75,000)
      - Merah (Stock: 20, Price: Rp 80,000)
    
    Variant Type 2: Ukuran
      - S (Stock: 25)
      - M (Stock: 40)
      - L (Stock: 30)
      - XL (Stock: 15)
    
    Kombinasi variants menghasilkan SKU unik:
    - Kaos Hitam-S
    - Kaos Hitam-M
    - Kaos Putih-L
    ... dan seterusnya
                
    
                
                    
                            Variant Type
                            Common Options
                            Use Case
                        

                    
                            Warna
                            Hitam, Putih, Merah, Biru, etc
                            Fashion, Aksesoris, Elektronik
                        

                            Ukuran
                            XS, S, M, L, XL, XXL
                            Pakaian, Sepatu
                        

                            Model
                            Basic, Premium, Deluxe
                            Electronics, Services
                        

                            Material
                            Cotton, Polyester, Wool
                            Textiles, Furniture
                        

                            Kapasitas
                            16GB, 32GB, 64GB, 128GB
                            Storage devices, Phones
                        

                📝 Product Form Fields:
                    
                            Field
                            Type
                            Required
                            Description
                        

                    
                            name
                            Text
                            ✅ Yes
                            Nama produk (max 200 karakter)
                        

                            product_type
                            Select
                            ✅ Yes
                            physical | digital | service
                        

                            category_id
                            Select
                             No
                            ID kategori produk
                        

                            price
                            Number
                            ✅ Yes
                            Harga normal (Rupiah)
                        

                            discount_price
                            Number
                            ❌ No
                            Harga setelah diskon
                        

                            description
                            Textarea
                            ❌ No
                            Deskripsi lengkap produk
                        

                            stock
                            Number
                            ✅ Yes*
                            *Jika tidak ada variant
                        

                            sku
                            Text
                            ❌ No
                            Auto-generated jika kosong
                        

                            weight
                            Number
                            ❌ No
                            Berat dalam gram (physical only)
                        

                            duration
                            Number
                            ❌ No
                            Durasi dalam menit (service only)
                        

                            images
                            Array
                            ❌ No
                            Array of image URLs (max 10)
                        

                            variants
                            JSON
                            ❌ No
                            Variant configuration object
                        

                🎯 User Flow - Product Management:
    FLOW 1: View Products
    1. User tap "Store" di bottom nav
    2. Tap "Produk" atau "Products"
    3. See list of all products dengan thumbnail
    4. Use search bar untuk cari produk
    5. Apply filters (kategori, type, stok)
    6. Tap product card → view detail
    
    FLOW 2: Create New Product
    1. From Products screen, tap FAB (+)
    2. Fill required fields (name, type, price)
    3. Upload images (optional but recommended)
    4. Add variants if needed
    5. Set stock and inventory
    6. Tap "Simpan Produk"
    7. Product appears in list
    
    FLOW 3: Edit Product
    1. Tap product dari list
    2. View product detail screen
    3. Tap "Edit" button
    4. Modify any fields
    5. Tap "Simpan" to save changes
    6. Or tap "Batal" to discard
    
    FLOW 4: Delete Product
    1. Tap product dari list
    2. Tap "Hapus" button
    3. Confirm deletion dialog
    4. Product removed from list & storefront
                
⚠️
                        Important: Menghapus produk bersifat permanent dan tidak bisa di-undo. 
                        Pastikan untuk backup data atau export product list secara berkala. Produk yang sudah 
                        memiliki order history sebaiknya di-disable saja, bukan dihapus.
                    

Variant Type	Common Options	Use Case
Warna	Hitam, Putih, Merah, Biru, etc	Fashion, Aksesoris, Elektronik
Ukuran	XS, S, M, L, XL, XXL	Pakaian, Sepatu
Model	Basic, Premium, Deluxe	Electronics, Services
Material	Cotton, Polyester, Wool	Textiles, Furniture
Kapasitas	16GB, 32GB, 64GB, 128GB	Storage devices, Phones

Field	Type	Required	Description
name	Text	✅ Yes	Nama produk (max 200 karakter)
product_type	Select	✅ Yes	physical \| digital \| service
category_id	Select	No	ID kategori produk
price	Number	✅ Yes	Harga normal (Rupiah)
discount_price	Number	❌ No	Harga setelah diskon
description	Textarea	❌ No	Deskripsi lengkap produk
stock	Number	✅ Yes*	*Jika tidak ada variant
sku	Text	❌ No	Auto-generated jika kosong
weight	Number	❌ No	Berat dalam gram (physical only)
duration	Number	❌ No	Durasi dalam menit (service only)
images	Array	❌ No	Array of image URLs (max 10)
variants	JSON	❌ No	Variant configuration object

💿 Digital Product Management

screens/DigitalProductManagement.js

Specialized management untuk produk digital seperti ebook, software, template, course, dan file downloadable lainnya. Includes download tracking dan license management.

✨ Digital Product Features:

File Upload: Upload produk digital (PDF, ZIP, MP4, etc) max 100MB
Download Link: Auto-generate secure download links
Download Limits: Set jumlah max download per purchase
Link Expiry: Set expiry time untuk download links
License Keys: Generate unique license keys per purchase
Access Control: Only paid customers can download
Download Analytics: Track who downloaded, when, and how many times
Version Control: Upload updated versions, notify customers
Instant Delivery: Email download link setelah payment confirmed

📊 Download Analytics:

Track dan analyze download activity untuk setiap digital product:

Total downloads per product
Unique downloaders count
Download history dengan timestamp
Customer info per download
Average download time
Failed download attempts

Security Features:

Secure Links

Download links di-encrypt dan time-limited untuk prevent unauthorized access.

IP Tracking

Track IP address per download untuk detect abuse atau sharing links.

License Validation

Validate license keys untuk software products sebelum activation.

Pro Tip: Untuk digital products, set download limit ke 3-5 kali per purchase. Ini cukup untuk customer yang device-nya rusak atau perlu download ulang, tapi prevent excessive sharing.

🎫 Voucher & Discount System

screens/VoucherScreen.js

Create dan kelola voucher discount untuk promo campaigns. Support percentage discount, fixed amount discount, dengan conditional rules dan usage limits.

✨ Voucher Features:

Voucher Code: Custom atau auto-generated unique codes
Discount Types: Percentage (%) atau Fixed Amount (Rp)
Min Order: Set minimum order amount untuk gunakan voucher
Max Discount: Cap maximum discount untuk percentage vouchers
Usage Limit: Total berapa kali voucher bisa digunakan
User Limit: Limit per user (sekali atau multiple)
Valid Period: Set start date dan expiry date
Product/Category Specific: Apply hanya untuk produk/kategori tertentu
First Time User: Special voucher untuk new customers
Auto Apply: Auto-apply voucher di checkout

🎯 Voucher Types:

💯 Percentage Discount

Example: DISKON20

Value: 20%
Min Order: Rp 100,000
Max Discount: Rp 50,000
Good for: High-value orders

💰 Fixed Amount

Example: HEMAT50K

Value: Rp 50,000
Min Order: Rp 200,000
Max Discount: N/A
Good for: Specific campaigns

🎁 Free Shipping

Example: GRATIS-ONGKIR

Value: Shipping cost
Min Order: Rp 150,000
Type: Special voucher
Good for: Increase AOV

📝 Creating a Voucher:

    Step 1: BASIC INFO
    - Tap FAB (+) di Voucher screen
    - Input "Kode Voucher" (uppercase recommended)
      Example: WELCOME2024, FLASH50, NEWYEAR
    
    Step 2: DISCOUNT SETTINGS
    - Pilih "Tipe Diskon": Percent atau Fixed
    - Input "Nilai" (contoh: 20 untuk 20%, atau 50000 untuk Rp 50k)
    - Set "Min. Pembelian" (Rp) - optional
    - Set "Maks. Potongan" (Rp) - untuk percent only
    
    Step 3: USAGE LIMITS
    - Input "Batas Penggunaan Total" (contoh: 100)
      Set -1 untuk unlimited usage
    - Input "Batas Per User" (contoh: 1)
      Set -1 untuk unlimited per user
    
    Step 4: VALIDITY PERIOD
    - Set "Tanggal Mulai" (start date)
    - Set "Tanggal Berakhir" (expiry date)
    - Or leave empty untuk no expiry
    
    Step 5: CONDITIONS (Optional)
    - Select "Kategori Produk" yang berlaku
    - Select "Produk Spesifik" yang berlaku
    - Toggle "Hanya User Baru"
    
    Step 6: ACTIVATION
    - Toggle "Status Aktif" ON
    - Tap "Simpan Voucher"
    - Share voucher code ke customers
                

🎮 Voucher Management Actions:

Action	Description	Use Case
Edit	Modify voucher details	Update discount value, extend expiry
Duplicate	Clone existing voucher	Create similar voucher untuk campaign baru
Disable	Temporarily deactivate	Pause campaign tanpa hapus data
Delete	Permanently remove	Clean up expired/unused vouchers
View Stats	See usage analytics	Track campaign performance

📊 Voucher Analytics:

Monitor performa setiap voucher:

Total Usage Count (berapa kali digunakan)
Total Discount Given (total potongan diberikan)
Total Revenue Generated (GMV dari voucher)
Unique Users Count (berapa customer beda)
Conversion Rate (redemption vs share)
Average Order Value dengan voucher

✅

Best Practice: Create urgency dengan limited-time vouchers. Combine dengan broadcast blast ke customer database untuk maximize usage. Track ROI dan adjust strategy based on analytics.

📋 Order Management & Processing

API: /api/store/orders/*

Comprehensive order management system untuk handle customer orders dari placement hingga fulfillment. Track status, manage inventory, dan coordinate dengan logistics.

✨ Order Management Features:

Order Dashboard: View semua orders dalam satu dashboard
Status Tracking: Real-time order status updates
Payment Verification: Confirm manual transfer payments
Invoice Generation: Auto-generate invoices per order
Shipping Integration: Get tracking number dari kurir
Customer Communication: Send updates via WhatsApp/email
Refund Processing: Handle returns dan refunds
Bulk Actions: Process multiple orders sekaligus
Order Notes: Internal notes untuk setiap order
Print Labels: Print shipping labels dan packing slips

🔄 Order Status Flow:

1. Pending Payment

Order baru masuk, menunggu customer untuk bayar. Auto-cancel jika tidak dibayar dalam 24 jam.

2. Payment Verification

Customer upload bukti transfer, admin verify pembayaran. Mark as "Paid" jika valid.

3. Processing

Order sedang di-pack. Update inventory, siapkan barang, print shipping label.

4. Shipped

Barang sudah dikirim. Input tracking number, notify customer dengan link tracking.

5. Delivered

Paket sudah sampai ke customer. Request review dan rating.

6. Completed

Order selesai, tidak ada komplain. Revenue recorded, analytics updated.

Order Details:

Informasi yang tersimpan dalam setiap order:

    {
      "order_id": "ORD-20240115-001",
      "order_date": "2024-01-15 14:30:00",
      "customer": {
        "name": "John Doe",
        "phone": "628123456789",
        "email": "john@email.com"
      },
      "shipping_address": {
        "address": "Jl. Merdeka No. 123",
        "city": "Jakarta Selatan",
        "province": "DKI Jakarta",
        "postal_code": "12345"
      },
      "items": [
        {
          "product_id": 101,
          "name": "Kaos Polos Hitam",
          "variant": "M",
          "qty": 2,
          "price": 75000,
          "subtotal": 150000
        }
      ],
      "pricing": {
        "subtotal": 150000,
        "shipping": 15000,
        "voucher_discount": -20000,
        "total": 145000
      },
      "payment": {
        "method": "bank_transfer",
        "bank": "BCA",
        "account": "1234567890",
        "proof": "payment_proof.jpg",
        "status": "verified"
      },
      "shipping": {
        "courier": "JNE",
        "service": "REG",
        "tracking": "JNE1234567890",
        "status": "delivered"
      },
      "status": "completed",
      "notes": "Pack dengan bubble wrap"
    }
                

🎯 Processing Orders - Admin Flow:

    SCENARIO 1: Manual Transfer Payment
Customer place order, pilih transfer bank
System generate order dengan status "Pending Payment"
Customer transfer ke rekening yang ditampilkan
Customer upload bukti transfer di order page
Admin receive notification "New Payment Proof"
Admin buka order detail, view bukti transfer
Verify amount, bank account, dan timestamp
Tap "Konfirmasi Pembayaran" jika valid
Status berubah ke "Processing"
Notify customer via WhatsApp: "Pembayaran dikonfirmasi"
    
    SCENARIO 2: COD Order
Customer place order, pilih COD
Order auto-approved, status "Processing"
Admin pack barang, print label COD
Arrange pickup dengan kurir
Update status "Shipped" dengan tracking number
Notify customer: "Pesanan dalam perjalanan"
Kurir deliver, customer bayar tunai
Kurir confirm delivery
Status auto-update ke "Delivered"
After 3 days auto-complete ke "Completed"
    
    SCENARIO 3: Digital Product
Customer place order digital product
Payment via Midtrans (instant confirmation)
Status langsung "Paid"
System auto-generate download link
Email download link ke customer
Customer click link, download file
System track download activity
Status "Completed" setelah download
                

⚠️

Important: Selalu verify payment proof sebelum ship barang. Check nominal transfer, nama pengirim, dan timestamp. Beware of fake payment proofs! Gunakan auto-verification jika integrate dengan payment gateway.

🚚 Shipping & Logistics Integration

API: /api/ongkir/*

Integrated shipping calculator dengan major couriers di Indonesia. Auto-calculate ongkir based on weight, destination, dan courier service.

✨ Shipping Features:

Multi-Courier Support: JNE, J&T, SiCepat, Ninja Xpress, AnterAja, dll
Real-time Rates: Get shipping cost real-time dari API courier
Service Options: REG, YES, OKE, dan berbagai service levels
ETD Estimation: Perkiraan waktu tiba per service
Origin City Setup: Set warehouse/store location sebagai origin
Weight Calculator: Auto-calculate dari product weight
Tracking Integration: Link tracking number dengan courier website
Shipping Labels: Generate dan print shipping labels

🚚 Supported Couriers:

Courier	Services	Coverage	Features
JNE	REG, YES, OKE	Nationwide	Tracking, Insurance, COD
J&T Express	REG, EZ	Nationwide	Tracking, COD
SiCepat	REG, BEST, GOKIL	Java & Major Cities	Fast delivery, Tracking
Ninja Xpress	Standard, Instant	Nationwide	Tracking, COD, Same-day
AnterAja	Regular, Next Day	Java & Sumatra	Tracking, COD
POS Indonesia	Paket Kilat, Express	Nationwide + Remote	Cheapest, Wide coverage

⚙️ Shipping Setup:

1. Set Origin City

Go to Store Settings → Shipping → Select province → Select city. Ini adalah lokasi warehouse/toko Anda sebagai origin pengiriman.

2. Enable Couriers

Select courier mana yang ingin Anda aktifkan. Bisa multiple couriers, customer akan diberi pilihan di checkout.

3. Test Calculator

Test shipping calculator dengan input destination dan weight. Verify rates sesuai dengan official tarif courier.

💰 Shipping Cost Calculation:

    # Formula:
    Shipping Cost = f(Origin, Destination, Weight, Service)
    
    # Example Request:
    POST /api/ongkir/cost
    {
      "origin": 152,  // ID kota Jakarta
      "destination": 23,  // ID kota Bandung
      "weight": 1000,  // gram
      "courier": "jne"
    }
    
    # Response:
    {
      "results": [
        {
          "service": "REG",
          "description": "Layanan Reguler",
          "cost": 15000,
          "etd": "2-3 hari",
          "note": ""
        },
        {
          "service": "YES",
          "description": "Yakin Esok Sampai",
          "cost": 25000,
          "etd": "1-1 hari",
          "note": "One day service"
        }
      ]
    }
                

Pro Tip: Aktifkan minimal 2-3 courier untuk give customer options. JNE + J&T adalah kombinasi paling populer. Set product weight dengan akurat untuk avoid shipping cost mismatch.

💵 Cash on Delivery (COD) Management

StoreBrandingScreen.js → COD Settings

Enable Cash on Delivery untuk customer yang prefer bayar saat terima barang. Integrated dengan courier COD services.

✨ COD Features:

Toggle Enable/Disable: Aktifkan atau nonaktifkan COD
COD Fee: Set additional fee untuk COD orders (optional)
Min Order COD: Set minimum order untuk bisa COD
Coverage Area: Limit COD untuk area tertentu
Auto-approval: COD orders auto-approved tanpa payment proof
Courier Integration: Hanya courier yang support COD yang muncul

⚙️ COD Setup:

Go to Store Settings → Metode Pembayaran
Toggle "Cash on Delivery (COD)" ON
Optional: Set "Biaya COD" (contoh: Rp 5,000)
Optional: Set "Min. Order COD" (contoh: Rp 100,000)
Tap "Simpan"
COD akan muncul sebagai payment option di checkout
                

📊 COD Order Flow:

Customer Place COD Order

Customer pilih COD di checkout → Order created dengan status "Processing"

Admin Process Order

Pack barang → Arrange pickup dengan courier COD → Input tracking number

Delivery & Payment

Courier deliver → Customer bayar tunai → Courier confirm to admin

Settlement

Courier transfer uang COD ke rekening seller (biasanya H+3 atau H+7)

⚠️

Risk Management: COD memiliki higher return rate (~10-15%). Consider set min order untuk minimize loss. Monitor COD success rate dan blacklist customers dengan banyak reject/return.

📝

Template Management

Cara membuat dan mengelola template pesan WhatsApp

Template adalah format pesan yang sudah disetujui oleh WhatsApp untuk digunakan dalam broadcast atau memulai percakapan dengan customer. Template harus melalui proses approval dari Meta/WhatsApp sebelum bisa digunakan.

Kenapa Perlu Template?

WhatsApp Business API hanya bisa memulai percakapan dengan customer menggunakan template yang sudah diapprove
Melindungi customer dari spam dan pesan marketing yang tidak diinginkan
Memastikan pesan yang dikirim sesuai dengan kebijakan WhatsApp
Template gratis untuk kategori tertentu (utility, authentication)

Jenis-jenis Template:

📢

Marketing

Promosi produk, penawaran khusus, info diskon. Template berbayar.

🔔

Utility

Notifikasi transaksi, update pesanan, reminder. Template gratis dalam 24 jam.

🔐

Authentication

OTP, verifikasi akun, reset password. Template gratis.

Cara Membuat Template:

Buka Menu Templates

Di dashboard WatBis, pilih menu "Templates" atau "Template Management".

Anda akan melihat list template yang sudah ada beserta statusnya.

Klik "Buat Template Baru"

Klik tombol "+ Buat Template" atau "Create New Template".

Form pembuatan template akan muncul.

Isi Informasi Dasar

Nama Template:

Hanya lowercase, angka, dan underscore (_)
Tidak boleh ada spasi
Contoh: promo_ramadhan_2025, konfirmasi_pesanan

Kategori:

MARKETING - Untuk promosi dan marketing
UTILITY - Untuk notifikasi transaksi/order
AUTHENTICATION - Untuk OTP dan verifikasi

Bahasa: Pilih bahasa template (Indonesia, English, dll)

Setup Header (Opsional)

Header adalah bagian paling atas dari template. Pilih tipe header:

Text Header:

Maksimal 60 karakter
Bisa menggunakan variable ({{1}})
Contoh: Halo {{1}}, Promo Spesial Untukmu!

Media Header (Image/Video/Document):

Upload sample media (akan jadi contoh saat review)
Media asli akan diupload saat mengirim broadcast
Format: JPG, PNG, MP4, PDF

Contoh Header dengan Variable

Halo {{1}}, Ada Promo Khusus!

Variable {{1}} akan diganti dengan nama customer saat broadcast

Tulis Body Message (Wajib)

Body adalah isi pesan utama. Ketentuan:

Maksimal 1024 karakter
Bisa menggunakan multiple variables ({{1}}, {{2}}, {{3}}, dst)
Gunakan \n untuk line break
Boleh menggunakan emoji 😊

Contoh Body Template Marketing

Halo {{1}}! 🎉

Ada promo spesial di {{2}} untuk kamu!
Diskon hingga {{3}}% untuk semua produk.

Periode promo: {{4}}
Kode voucher: {{5}}

Jangan sampai kehabisan ya! ️

Example Variables: Berikan contoh nilai untuk setiap variable agar reviewer WhatsApp bisa melihat preview.

{{1}} = "Budi"
{{2}} = "Toko Elektronik"
{{3}} = "50"
{{4}} = "1-31 Januari 2025"
{{5}} = "PROMO2025"

Tambahkan Footer (Opsional)

Footer adalah text kecil di bagian bawah pesan:

Maksimal 60 karakter
Tidak bisa menggunakan variable
Biasanya untuk disclaimer atau info kontak

Contoh Footer

© 2025 Toko Anda | CS: 0812-3456-7890

Setup Buttons (Opsional)

Buttons membuat template lebih interaktif. Ada 3 jenis:

Quick Reply Buttons:

Maksimal 3 buttons
Text maksimal 20 karakter
Untuk respons cepat dari customer
Contoh: "Ya, Tertarik", "Info Lebih Lanjut", "Tidak, Terima Kasih"

Call-to-Action URL:

Maksimal 2 buttons
Link ke website atau landing page
Bisa dynamic URL dengan variable
Contoh: "Lihat Katalog", "Beli Sekarang"

Call Phone Number:

Hanya 1 button
Langsung menelepon nomor yang ditentukan
Contoh: "Hubungi CS"

💡

Tips: Gunakan Quick Reply untuk lead generation, URL button untuk direct traffic ke website, dan Call button untuk customer yang butuh bantuan langsung.

Preview & Submit

Sebelum submit, preview template Anda:

Pastikan tidak ada typo
Cek semua variable sudah benar
Test dengan data sample
Pastikan sesuai dengan kebijakan WhatsApp

Jika sudah yakin, klik "Submit untuk Review" atau "Kirim ke WhatsApp".

Tunggu Approval

Proses review oleh WhatsApp biasanya memakan waktu:

⚡ Cepat: 30 menit - 2 jam
⏱️ Normal: 2 - 24 jam
🐌 Lama: 24 - 48 jam

Status Template:

🟡 PENDING: Sedang di-review WhatsApp
APPROVED: Template disetujui dan siap digunakan
❌ REJECTED: Template ditolak (cek alasan penolakan)

🎉

Jika approved, template langsung bisa digunakan untuk broadcast atau mengirim pesan ke customer!

Kebijakan Template WhatsApp:

️

Template Akan Ditolak Jika:

Mengandung clickbait atau misleading information
Menjual produk ilegal (rokok, alkohol, judi, dll)
Mengandung konten dewasa atau tidak pantas
Menggunakan kategori yang salah (marketing dikategorikan utility)
Template terlalu umum dan tidak jelas tujuannya
Mengandung threatening language
Format atau grammar buruk

Tips Template Disetujui:

Gunakan bahasa yang sopan dan profesional
Jelas dan spesifik tentang tujuan pesan
Berikan value ke customer, bukan hanya hard selling
Sertakan opt-out instruction untuk marketing template
Gunakan kategori yang tepat
Berikan contoh variable yang realistis
Ikuti format yang benar (jangan ALL CAPS)

👥

Contacts Management

Kelola database customer dan contact groups

👥 Contacts Screen

screens/ContactsScreen.js

Manage semua contact customer Anda. Bisa add, edit, delete contacts, organize ke dalam groups, import dari CSV, dan export contact list.

✨ Key Features:

Contact List: Daftar semua contact dengan avatar dan info
Search: Cari contact by nama atau nomor WhatsApp
Groups Management: Create dan manage contact groups
Bulk Import: Import contacts dari CSV file
Export: Export contact list ke CSV/Excel
Quick Actions: Call, message, edit, atau delete contact
Custom Fields: Tambah custom fields untuk metadata
Tags: Tag contacts untuk segmentasi

Contact Groups:

Create unlimited contact groups
Add/remove contacts from groups
Bulk assign contacts to groups
Use groups untuk broadcast targeting

Import/Export:

# CSV Format untuk Import:
name,phone,email,tags,notes
John Doe,628123456789,john@email.com,"customer,vip",Regular customer
Jane Smith,628987654321,jane@email.com,customer,New lead

# Required columns: name, phone
# Optional: email, tags, notes, custom_field_*

📋

Message Templates

Kelola template pesan WhatsApp Business

Templates Screen

screens/TemplatesScreen.js

Manage semua message templates untuk broadcast dan auto-reply. Create, edit, submit untuk approval Meta, dan lihat status approval (pending/approved/rejected).

✨ Key Features:

Template List: Daftar semua templates dengan status approval
Create Template: Form builder untuk buat template baru
Template Preview: Real-time preview dengan sample data
Variable Support: Dynamic variables {{1}}, {{2}}, {{name}}, dll
Media Support: Header dengan image/video/document
Quick Reply Buttons: Tambah button CTA (up to 3)
Submit for Approval: Submit ke Meta untuk review
Status Tracking: Track approval status dari Meta

📝 Template Structure:

Header: Text, image, video, atau document
Body: Main message content (max 1024 chars)
Footer: Optional footer text (max 60 chars)
Buttons: Quick Reply atau Call-to-Action buttons

✅ Approval Status:

Pending: Waiting for Meta review
Approved: Ready to use
Rejected: Tidak memenuhi policy Meta

ℹ️

Template Guidelines:

Harus follow WhatsApp Business Policy
Tidak boleh spam atau promotional berlebihan
Harus provide value ke customer
Review time: 1-2 hari kerja

🤖

AI Assistant Settings

Konfigurasi AI Chatbot untuk auto-reply

⚙️ AI Settings Screen

screens/AISettingsScreen.js

Screen comprehensive untuk setup dan configure AI Chat Assistant. User bisa customize personality, response style, enable/disable features, set business context, dan train AI dengan knowledge base.

✨ Key Features:

Enable/Disable AI: Toggle AI assistant on/off
Business Type: Pilih tipe bisnis (retail, F&B, service, dll)
Response Style: Friendly, professional, casual, atau formal
AI Name: Customize nama AI assistant
Personality Setup: Define AI personality dan tone
Custom Prompts: Advanced prompt engineering
Greeting Message: Set auto-greeting untuk new chat
Fallback Message: Message ketika AI tidak bisa jawab
Context Settings: Max context messages untuk conversation history
Session Timeout: Auto-reset conversation after X hours

Advanced Features:

Auto Follow-up: AI otomatis follow-up jika customer tidak respon
Product Recommendation: AI bisa recommend products
Order Processing: Handle order via chat
Booking System: Integrate dengan booking calendar
Image Sending: AI bisa kirim image product
Multiple Messages: Kirim beberapa message sekaligus (natural)
Human Delays: Simulate human typing speed
Typing Indicators: Show "typing..." indicator
Emoji Usage: AI bisa pakai emoji dalam response
Casual Responses: Pakai bahasa casual/santai
Sentiment Analysis: Detect customer sentiment
Intent Detection: Understand customer intent

💾 Save & Test:

Configure semua settings sesuai kebutuhan bisnis
Tap "Save Settings" untuk apply
Test AI dengan kirim test message
Fine-tune berdasarkan hasil test
Monitor performance di Analytics

✅

Best Practice: Start dengan settings default, lalu customize bertahap based on customer interactions. Monitor AI responses dan adjust personality/prompts untuk hasil optimal.

📚 Knowledge Base Management

Integrated in AISettingsScreen.js

Train AI dengan data bisnis Anda. Upload dokumen, FAQ, product info, dan business context agar AI bisa jawab pertanyaan customer dengan akurat.

Knowledge Base Features:

Document Upload: Upload PDF, DOCX, TXT files
FAQ Database: Add Q&A pairs untuk common questions
Product Catalog: Import product database dengan detail
Business Info: Store business hours, lokasi, contact, dll
Pricing Data: Upload price list untuk referensi AI
Search & Edit: Manage knowledge base entries
Auto-sync: Knowledge base auto-available untuk AI

📝 Knowledge Entry Format:

{
  "type": "faq",
  "question": "Apa jam operasional toko?",
  "answer": "Kami buka Senin-Sabtu jam 09:00-21:00, Minggu 10:00-20:00",
  "category": "business_info",
  "tags": ["jam buka", "operasional"]
}

🔄

Flow Builder & Automation

Buat WhatsApp Flows dan automation workflows

Flow List Screen

screens/FlowList.js

Daftar semua WhatsApp Flows yang sudah dibuat. Flows adalah interactive forms yang bisa dikirim ke customer untuk collect data (survey, order form, booking, dll).

✨ Key Features:

Flow List: Semua flows dengan status dan stats
Create New Flow: Button untuk buat flow baru
Edit Flow: Modify existing flow dengan builder
Duplicate Flow: Clone flow untuk template
Delete Flow: Remove flow yang tidak dipakai
Publish/Unpublish: Control flow availability
View Submissions: Lihat semua responses dari customer
Analytics: Flow performance metrics

️ Flow Form Builder

screens/FlowFormScreen.js

Visual builder untuk create dan edit WhatsApp Flows. Drag-and-drop interface untuk add components, configure screens, set logic, dan preview flow sebelum publish.

✨ Builder Features:

Visual Editor: Drag-and-drop component catalog
Multi-screen Support: Create flows dengan multiple screens
Component Library: 10+ component types (text input, dropdown, radio, checkbox, image, dll)
Screen Management: Add, delete, reorder screens
Component Properties: Configure label, placeholder, validation, required, dll
Navigation Logic: Set screen flow dan conditional logic
Live Preview: Real-time preview di mobile view
Fetch from WhatsApp: Import existing flow dari WhatsApp
Sync to WhatsApp: Publish flow ke WhatsApp Business

📦 Available Components:

Section: Header/divider untuk grouping
Image: Display image (logo, product, dll)
Text Input: Single-line text field
Email Input: Email field dengan validation
Number Input: Numeric input
Date Picker: Select date
Textarea: Multi-line text input
Dropdown: Select dari options
Radio Buttons: Single choice
Checkbox: Multiple choice

🔄 Builder Workflow:

Create New Flow → Set flow name & CTA button text
Add Screens → Create multi-step form
Drag Components → dari catalog ke active screen
Configure Properties → label, validation, required
Set Navigation → define screen flow logic
Preview → test flow di mobile preview
Save Draft  save to local database
Publish to WhatsApp → sync dengan Meta platform
Get Flow ID  use untuk send ke customer

📊 Flow Submissions Screen

screens/FlowSubmissionsScreen.js

Lihat semua submissions/responses dari customer yang sudah isi flow form. Bisa filter by flow, status, date, search, dan export ke CSV.

✨ Key Features:

Submissions List: Semua responses dengan detail
Filter by Flow: Lihat submissions per flow
Status Filter: New, processed, completed
Search: Cari by customer name/phone
Date Range: Filter by submission date
View Details: Expand untuk lihat full response
Export CSV: Download submissions data
Mark as Processed: Update status submission

📈 Submission Data:

{
  "submission_id": "sub_12345",
  "flow_id": "flow_67890",
  "flow_name": "Order Form",
  "customer_phone": "628123456789",
  "customer_name": "John Doe",
  "submitted_at": "2025-10-15T10:30:00Z",
  "status": "new",
  "data": {
    "product": "Smartphone X",
    "quantity": 2,
    "delivery_address": "Jl. Merdeka No. 123",
    "payment_method": "Transfer Bank"
  }
}

📅

Jobs & Tasks Management

Personal task manager dan job scheduler

📅 Jobs Screen

screens/Jobs.js

Personal productivity tool untuk manage tasks, to-do lists, dan schedule jobs. Built-in dalam WatBis untuk help user organize bisnis activities.

✨ Key Features:

Task List: Semua tasks dengan status dan priority
Create Task: Quick add task dengan detail lengkap
Categories: Organize tasks by category (work, personal, urgent, dll)
Priority Levels: Low, Normal, High, Urgent
Due Date: Set deadline dan reminder
Reminders: Push notification sebelum deadline
Location: Add lokasi untuk location-based tasks
Notes: Detailed notes untuk setiap task
Search & Filter: Cari tasks dan filter by status/category
Mark Complete: Swipe atau tap untuk mark as done
Edit/Delete: Update atau hapus tasks

🎯 Task Categories:

Pekerjaan (Work tasks)
Pribadi (Personal tasks)
Belanja (Shopping list)
Kesehatan (Health reminders)
Custom categories (user-defined)

🔔 Reminder Options:

5 menit sebelumnya
15 menit sebelumnya
30 menit sebelumnya
1 jam sebelumnya
1 hari sebelumnya

Booking Calendar System

Kelola appointment dan booking dari customer

📆 Booking Calendar Screen

screens/BookingCalendar.js

Comprehensive booking management system dengan calendar view. Customer bisa booking appointment via WhatsApp, dan business owner manage bookings dalam calendar interface.

✨ Key Features:

Calendar View: Month/week/day views dengan react-native-calendars
Booking List: Daftar semua bookings dengan detail
Status Management: Pending, Confirmed, Completed, Cancelled, No-show
Customer Info: Nama, phone, service, notes
Time Slots: Manage available time slots
Quick Actions: Confirm, cancel, reschedule booking
Search & Filter: Cari booking by customer atau date
Notifications: Auto-send reminder ke customer
Calendar Sync: Integrate dengan Google Calendar (optional)

📊 Booking Status Colors:

🟡 Pending: Menunggu konfirmasi
Confirmed: Sudah dikonfirmasi
🟢 Completed: Selesai
🔴 Cancelled: Dibatalkan
⚫ No-show: Customer tidak datang

🔄 Booking Flow:

Customer request booking via WhatsApp (AI atau manual)
Booking masuk → Status: Pending
Business owner review di Calendar
Confirm booking → Auto-send confirmation ke customer
Set reminder (1 day before, 1 hour before)
Customer datang → Mark as Completed
   OR Customer tidak datang  Mark as No-show
   OR Cancel → Mark as Cancelled

ℹ️

Integration with AI: AI Assistant bisa otomatis handle booking requests dari customer. Set booking availability di AI Settings → Booking Enabled, lalu AI akan process booking dan create entry di calendar.

📈

Analytics & Reports

Monitor performance dan insights bisnis

📈 Analytics Dashboard

screens/AnalyticsScreen.js

Dashboard analytics untuk monitor metrics penting: message volume, response rate, broadcast performance, AI effectiveness, dan customer engagement.

📊 Key Metrics:

Total Messages: Incoming + outgoing messages
Response Rate: % messages yang dibalas
Average Response Time: Rata-rata waktu respon
Active Conversations: Jumlah chat aktif
Broadcast Stats: Delivered, read, clicked
AI Performance: Auto-reply rate, accuracy
Booking Stats: Total bookings, completion rate
Customer Growth: New contacts over time

📉 Charts & Visualizations:

Line chart: Message volume over time
Bar chart: Messages by day/hour
Pie chart: Message types breakdown
Heat map: Peak activity hours

🔌

API Integration

Integrate WatBis dengan sistem eksternal Anda

ℹ️

REST API Documentation: WatBis menyediakan comprehensive REST API untuk integration dengan CRM, ERP, e-commerce, atau sistem lain.

Authentication

Semua API requests memerlukan Bearer token authentication. Dapatkan API token dari Settings → Developer → API Keys.

// Request Header
Authorization: Bearer YOUR_API_TOKEN
Content-Type: application/json

📨 Send Message API

Kirim pesan WhatsApp dari sistem eksternal ke customer.

// POST /api/messages/send
{
  "to": "628123456789",
  "type": "text",
  "message": "Halo, order Anda sudah diproses!"
}

// Response
{
  "success": true,
  "message_id": "wamid.HBgNNjI4MTIzNDU2Nzg5FQIAERgSQzA5RjE3N0Y5RTdCRTQ4QjJBAA==",
  "status": "sent"
}

📥 Webhook Events

Setup webhook URL untuk receive real-time events (incoming messages, status updates, dll).

// Webhook POST to your URL
{
  "event": "message.received",
  "timestamp": "2025-10-15T10:30:00Z",
  "data": {
    "from": "628123456789",
    "message_id": "wamid.xxx",
    "type": "text",
    "text": "Halo, saya mau order",
    "timestamp": "2025-10-15T10:30:00Z"
  }
}

👥 Contacts API

// GET /api/contacts - List contacts
// POST /api/contacts - Create contact
// PUT /api/contacts/:id - Update contact
// DELETE /api/contacts/:id - Delete contact

{
  "name": "John Doe",
  "phone": "628123456789",
  "email": "john@email.com",
  "tags": ["customer", "vip"]
}

📢 Broadcast API

// POST /api/broadcast/campaigns
{
  "name": "Promo Ramadan",
  "template_name": "promo_template",
  "recipients": ["628123456789", "628987654321"],
  "variables": {
    "1": "Diskon 50%",
    "2": "31 Maret 2025"
  },
  "schedule_time": "2025-10-16T09:00:00Z"
}

🔄 Flow API

// GET /api/flows - List flows
// GET /api/flows/:id/submissions - Get submissions
// POST /api/flows/:id/send - Send flow to customer

{
  "to": "628123456789",
  "flow_id": "flow_12345",
  "flow_token": "unique_token_per_customer"
}

✅

Full API Documentation: Lihat complete API reference dengan examples di docs.watbis.com/api

Webhooks Configuration

Receive real-time events dari WatBis

Setup Webhooks

Buat Endpoint di Server Anda

Setup HTTP endpoint yang bisa receive POST requests dari WatBis (e.g., https://yourdomain.com/webhooks/watbis)

Configure di WatBis

Masuk ke Settings → Developer → Webhooks, input URL endpoint Anda, pilih events yang mau di-subscribe.

Verify Webhook

WatBis akan kirim verification request. Endpoint Anda harus return challenge code untuk verify.

Start Receiving Events

Setelah verified, webhook aktif dan Anda akan receive events real-time.

📡 Available Webhook Events

message.received: New message dari customer
message.sent: Message successfully sent
message.delivered: Message delivered ke customer
message.read: Customer read message
message.failed: Message failed to send
broadcast.completed: Broadcast campaign selesai
flow.submitted: Customer submit flow form
booking.created: New booking created
booking.updated: Booking status changed

🔐 Webhook Security

// Verify webhook signature
const crypto = require('crypto');

function verifyWebhook(payload, signature, secret) {
  const hash = crypto
    .createHmac('sha256', secret)
    .update(JSON.stringify(payload))
    .digest('hex');

  return hash === signature;
}

// Header: X-WatBis-Signature

⚠️

Security Best Practice:

Always verify webhook signatures
Use HTTPS for webhook URLs
Implement retry logic untuk failed webhooks
Log all webhook events untuk debugging

🔧

Troubleshooting

Solusi untuk masalah umum

❌ Masalah Umum & Solusi

Q: Tidak bisa connect WhatsApp Business

Solusi:

Pastikan Access Token valid dan tidak expired
Cek Phone Number ID sudah benar
Verify WhatsApp Business Account sudah verified di Meta
Test koneksi dengan Meta Business API langsung
Regenerate Access Token jika perlu

Q: Broadcast tidak terkirim

Solusi:

Cek quota broadcast masih tersedia
Template harus sudah approved Meta
Pastikan recipients sudah opt-in
Variables sudah diisi semua (tidak ada yang kosong)
Media file size tidak melebihi limit (image: 5MB, video: 16MB)

Q: AI tidak membalas pesan

Solusi:

Pastikan AI Assistant sudah di-enable di Settings
Cek subscription plan support AI features
Test koneksi AI backend dari Settings
Review AI logs untuk error messages
Pastikan knowledge base sudah diupload

Q: Template ditolak Meta

Alasan Umum:

Content terlalu promotional/spam
Tidak provide value ke customer
Grammar atau formatting error
Mengandung konten yang dilarang policy Meta
Variable tidak dijelaskan dengan jelas

Solusi: Review WhatsApp Business Policy, revisi template, submit ulang dengan perubahan.

Q: Flow tidak bisa di-publish

Solusi:

Pastikan semua required fields sudah diisi
Validate flow structure (no broken navigation)
Test flow di preview mode dulu
Check Meta Business API status
Ensure Phone Number verified untuk Flows

Q: Webhook tidak receive events

Solusi:

Cek webhook URL accessible dari public internet
Pastikan endpoint return 200 OK untuk requests
Verify webhook signature di code
Check webhook logs di WatBis dashboard
Test webhook dengan tool seperti webhook.site

Butuh Bantuan Lebih? Jika masalah belum resolved, hubungi support team:

📧 Email: support@watbis.com
💬 WhatsApp: +62 812-3456-7890
🌐 Help Center: help.watbis.com
📚 Community Forum: community.watbis.com

❓

Frequently Asked Questions

Pertanyaan yang sering ditanyakan

💰 Pricing & Billing

Q: Berapa harga WatBis?

A: WatBis menawarkan beberapa plan:

Starter: Rp 299.000/bulan - 1.000 broadcast/bulan
Professional: Rp 599.000/bulan - 5.000 broadcast/bulan + AI
Business: Rp 1.299.000/bulan - 20.000 broadcast/bulan + Full features
Enterprise: Custom pricing - Unlimited + Priority support

Q: Apakah ada free trial?

A: Ya! WatBis provide 14-day free trial untuk semua plan (kecuali Enterprise). Tidak perlu credit card untuk trial.

Q: Bagaimana cara upgrade/downgrade plan?

A: Masuk ke Settings → Billing → Change Plan. Upgrade langsung aktif, downgrade berlaku di billing cycle berikutnya. Pro-rated refund untuk downgrade.

🔧 Technical & Integration

Q: Apakah bisa integrate dengan CRM/ERP?

A: Ya! WatBis menyediakan REST API untuk integration:

Send Message API - kirim pesan dari sistem Anda
Webhook - receive incoming messages real-time
Contacts API - sync database customer
Broadcast API - trigger campaign dari sistem eksternal

Q: Apakah data aman?

A: Sangat aman. WatBis implement:

End-to-end encryption untuk messages
ISO 27001 certified infrastructure
Regular security audits
GDPR compliant
Data backup & disaster recovery

🤖 AI Features

Q: Bagaimana cara kerja AI Assistant?

A: AI powered by GPT-4 yang di-train dengan business context Anda. AI bisa jawab pertanyaan customer, process orders, handle bookings, dan escalate ke human jika perlu.

Q: Apakah AI bisa salah jawab?

A: AI sangat akurat jika di-train dengan data yang baik. Namun tetap ada kemungkinan error. Best practice: monitor AI responses awal, provide fallback ke human untuk complex queries, dan continuous training dengan knowledge base.

📢 Broadcast & Templates

Q: Kenapa template harus di-approve Meta?

A: WhatsApp Business Policy mensyaratkan semua template di-review untuk mencegah spam dan protect user experience. Approval biasanya memakan waktu 1-2 hari kerja.

Q: Berapa lama review template?

A: Biasanya 1-2 hari kerja. Jika urgent, bisa contact Meta Business Support untuk expedite review (khusus verified business).

Q: Apakah bisa broadcast tanpa template?

A: Tidak. WhatsApp Business API mensyaratkan template untuk semua business-initiated messages. Template adalah compliance requirement dari Meta.

📱 Mobile App

Q: Apakah ada versi web/desktop?

A: Ya! Selain mobile app (iOS/Android), WatBis juga tersedia di:

Web App: app.watbis.com - akses dari browser
Desktop App: Download untuk Windows/Mac
Sync: Semua data sync real-time across devices

Q: Bisa multi-user/team collaboration?

A: Ya (plan Business ke atas). Features:

Add team members dengan role-based access
Assign conversations ke specific agents
Internal notes & comments
Activity logs untuk audit
Performance tracking per agent

💬

Get Support

Kami siap membantu Anda

📧

Email Support

support@watbis.com
Response time: 2-4 jam (working hours)

💬

WhatsApp Support

+62 812-3456-7890
Chat langsung dengan support team

Help Center

help.watbis.com
Knowledge base & tutorials

📚

API Documentation

docs.watbis.com/api
Complete API reference

🎥

Video Tutorials

YouTube Channel
Step-by-step guides

💬

Community Forum

community.watbis.com
Diskusi dengan user lain

📝

Blog & Articles

watbis.com/blog
Tips, case studies & best practices

📞

Phone Support

Enterprise only
Dedicated phone line untuk Enterprise customers

Support Hours:

Email & WhatsApp: Senin-Jumat 09:00-18:00 WIB, Sabtu 09:00-15:00 WIB
Help Center & Docs: 24/7 self-service
Enterprise Phone: 24/7 priority support

📚 Training & Certification

🎓

WatBis Academy: Kami menyediakan training program dan certification:

Basic Training: 2-day workshop untuk new users (Free)
Advanced Training: Deep dive into automation & AI (Rp 2.5 juta)
Developer Training: API integration & webhook setup (Rp 3.5 juta)
Certification: Certified WatBis Professional (Rp 5 juta)

Daftar training via training@watbis.com

🎯

Additional Resources

Tools dan resources untuk maksimalkan WatBis

📱 Official WhatsApp Resources

🛠️ Developer Tools

🔧

API Explorer

Interactive API testing tool untuk test endpoints

📊

Webhook Tester

Test dan debug webhook integrations

SDKs & Libraries

Official SDKs untuk PHP, Node.js, Python, Ruby

📖

Code Examples

Sample code & integration examples

💼 Success Stories

Lihat bagaimana bisnis lain menggunakan WatBis untuk growth:

Toko Fashion: Omset naik 300% dalam 3 bulan dengan AI Chat & Broadcast
Klinik Kecantikan: 95% booking via WhatsApp, hemat waktu admin
F&B: 70% repeat order dari auto follow-up AI
E-commerce: Response time turun dari 2 jam ke 2 menit dengan AI
Travel Agency: Handle 500+ inquiries/hari dengan 2 staff

Baca semua case studies →

🎁 Free Resources

📋

Template Library

100+ ready-to-use message templates (free download)

🎨

Design Assets

Graphic templates untuk broadcast messages

Excel Templates

CSV templates untuk import contacts & products

📚

E-books & Guides

Free guides: WhatsApp Marketing, AI Chatbots, dll

⭐

Best Practices

Tips untuk maximize hasil dengan WatBis

Message Best Practices

Personalize: Selalu gunakan nama customer dalam message
Be Concise: Keep messages short dan to the point
Use Emojis: Moderate emoji usage untuk friendly tone
Add Value: Setiap message harus provide value ke customer
Clear CTA: Always include clear call-to-action
Timing: Kirim message di waktu yang tepat (avoid late night)
Frequency: Jangan spam - max 2-3 broadcasts per week

🤖 AI Assistant Best Practices

Train Properly: Upload comprehensive knowledge base
Set Clear Boundaries: Define what AI can/cannot handle
Human Escalation: Always provide path to human support
Monitor & Improve: Review AI logs dan improve responses
Test Regularly: Test AI dengan different scenarios
Update Knowledge: Keep knowledge base up-to-date

📢 Broadcast Best Practices

Segment Audience: Target specific groups untuk relevance
A/B Testing: Test different templates untuk optimize
Track Metrics: Monitor open rate, click rate, conversion
Optimal Timing: Send saat audience paling aktif
Quality over Quantity: Better fewer high-quality broadcasts
Follow Regulations: Always comply dengan WhatsApp policies

🔐 Security Best Practices

Strong Passwords: Use complex passwords untuk account
2FA: Enable two-factor authentication
API Keys: Keep API keys secure, rotate regularly
Access Control: Use role-based access untuk team
Audit Logs: Regularly review activity logs
Backup Data: Regular export untuk backup contacts & data

💡

Pro Tip: Combine multiple features untuk maximum impact. Contoh: AI Assistant → Auto-collect info → Create Flow untuk detail → Broadcast follow-up → Booking Calendar untuk appointment. Integration adalah kunci!

🆕

What's New

Update terbaru dan upcoming features

Recent Updates (October 2025)

Enhanced Flow Builder: New component types & better preview
AI Personality v2: More natural responses dengan emotion detection
Advanced Analytics: New dashboard dengan AI insights
Multi-language Support: AI support untuk 10+ bahasa
Template Builder: Visual builder untuk create templates
Performance Boost: 50% faster message delivery

🚀 Coming Soon

Voice Messages: AI bisa send & receive voice notes
Payment Integration: Accept payments via WhatsApp
Video Messages: Send video dalam broadcast
Advanced Automation: Visual workflow builder
CRM Integration: Native integration dengan Salesforce, HubSpot
Mobile App v2: Complete redesign dengan better UX

📢

Feature Requests: Punya ide untuk feature baru? Submit di feedback.watbis.com. Kami prioritize features based on user votes!

Siap Maksimalkan Bisnis Anda?

Mulai gunakan WatBis hari ini dan rasakan perbedaannya!

🚀 Start Free Trial 📺 Watch Demo 💬 Contact Sales

Download Target AI

Gabungkan semua Platform dalam 1 Aplikasi Target AI

Gabungkan semua Platform
dalam 1 Aplikasi Target AI

What’s new

Latest Posts

"Pantau info terbaru Target AI,
pusat inovasi otomasi multiplatform tanpa batas."

Siap Transformasi Bisnis dengan AI?

Let's talk.

Jangan ragu untuk berdiskusi, kami akan membantu Anda memilih fitur Target AI yang paling sesuai agar sistem bisnis Anda berjalan otomatis lebih cepat.

Send a Message

Get Apps on:

Kebijakan PrivasiTarget AI

WatBis Complete Guide

Quick Start

Download & Install Aplikasi

Buat Akun & Login

Connect WhatsApp Business

Setup AI Assistant (Opsional)

Mulai Kirim Pesan!

Installation & Setup

📱 Mobile App Installation

iOS (iPhone/iPad)

Android

⚙️ System Requirements

Setup Koneksi WhatsApp Business

Login ke Dashboard WatBis

Pilih Menu "WhatsApp Setup"

Klik Tombol "Connect WhatsApp"

Login Facebook (Embedded Signup)

Pilih atau Buat Business Account

Setup Nomor WhatsApp

Opsi A: Gunakan Nomor Baru

Opsi B: Migrate dari WhatsApp Business App

Verifikasi Nomor

Setup Display Name & Profile

Review & Authorize

Verifikasi Koneksi

Chats Screen

Chats / Conversations Screen

✨ Key Features:

🎨 UI Components:

User Flow:

Broadcast System

📢 Broadcast List Screen

✨ Key Features:

📊 Campaign Status:

✍️ Create Broadcast Screen

Key Features:

🔄 Creation Flow:

Manajemen Kontak & Grup

Cara Menambah Kontak:

Menambah Kontak Manual

Import Kontak dari CSV/Excel

Manajemen Grup:

Membuat Grup Baru

Menambahkan Kontak ke Grup

Mengelola Anggota Grup

Fitur-fitur Contact Management:

Search & Filter

Edit Kontak

Delete Kontak

Export Data

Multi-Group

Sorting

Store Management System

🎨 Store Branding Settings

✨ Key Features:

🏦 Bank Account Management:

Tambah Rekening

Edit & Hapus

🌐 Custom Store Slug:

📍 Location & Contact Settings:

🎯 User Flow - Store Branding:

🖼 Banner Management

✨ Banner Features:

Rekomendasi Ukuran Banner:

📦 Product Management System

✨ Product Management Features:

Product Types Explained:

📦 Physical Product

💿 Digital Product

⚙️ Service/Jasa

🏷️ Category Management:

🎯 Creating a Product - Step by Step:

🔄 Product Variants Explained:

📝 Product Form Fields:

🎯 User Flow - Product Management:

💿 Digital Product Management

✨ Digital Product Features:

📊 Download Analytics:

Kebijakan Privasi
Target AI