đĸ 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
- Platform Filter: Filter broadcast berdasarkan platform (WhatsApp/Instagram/Messenger)
- 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 platform, template, select recipients,
personalize message dengan variables, attach media, dan schedule pengiriman.
Key Features:
- Platform Selection: Pilih platform target (WhatsApp/Instagram/Messenger)
- Template Selection: Pilih dari template yang sudah approved (WhatsApp)
- 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:
1. Tap "Create Broadcast" dari Broadcast List
2. Pilih Platform (WhatsApp/Instagram/Messenger)
3. Pilih Template (hanya yang approved, untuk WhatsApp)
4. Pilih Recipients (contacts/groups)
5. Isi Variables untuk personalisasi
6. Upload Media jika template membutuhkan
7. Preview template dengan sample data
8. Set schedule (now/later)
9. Review & Submit
10. Campaign created â Status: Draft/Scheduled
â ī¸
Important: Template WhatsApp harus sudah approved oleh Meta sebelum bisa digunakan untuk broadcast. Jika template masih pending/rejected, tidak akan muncul di selection.
Perbedaan Broadcast per Platform:
| Fitur |
WhatsApp |
Instagram |
Messenger |
| Template Required |
â
Ya |
â Tidak |
â Tidak |
| Broadcast ke Semua |
â
Ya |
â Tidak* |
â Tidak** |
| Media Support |
Image, Video, Doc |
Image, Video |
Image, Video |
| Personalization |
Variables {{1}}, {{2}} |
Terbatas |
Terbatas |
* Instagram hanya bisa reply ke incoming messages, tidak bisa broadcast ke semua followers.
** Messenger hanya bisa kirim ke users yang pernah chat dalam 24 jam terakhir.
âī¸ 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 per platform
- Platform Selection: Aktifkan AI untuk WhatsApp, Instagram, Messenger secara terpisah
- 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:
1. Configure semua settings sesuai kebutuhan bisnis
2. Tap "Save Settings" untuk apply
3. Test AI dengan kirim test message ke masing-masing platform
4. Fine-tune berdasarkan hasil test
5. 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 di semua platform.
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 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:
1. Create New Flow â Set flow name & CTA button text
2. Add Screens â Create multi-step form
3. Drag Components â dari catalog ke active screen
4. Configure Properties â label, validation, required
5. Set Navigation â define screen flow logic
6. Preview â test flow di mobile preview
7. Save Draft â save to local database
8. Publish to WhatsApp â sync dengan Meta platform
9. 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
đ¨ 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.target.ai)
- 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)
đ Custom Store Slug:
# Format URL Toko:
https://app.target.ai/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)
đĻ 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
đĢ 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
đ 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.
âšī¸
REST API Documentation: Target AI 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 dari sistem eksternal ke customer di berbagai platform.
// POST /api/messages/send
{
"to": "628123456789",
"platform": "whatsapp",
"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",
"platform": "whatsapp",
"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",
"platform": "whatsapp",
"tags": ["customer", "vip"]
}
đĸ Broadcast API
// POST /api/broadcast/campaigns
{
"name": "Promo Ramadan",
"platform": "whatsapp",
"template_name": "promo_template",
"recipients": ["628123456789", "628987654321"],
"variables": {
"1": "Diskon 50%",
"2": "31 Maret 2025"
},
"schedule_time": "2025-10-16T09:00:00Z"
}
â
Full API Documentation: Lihat complete API reference dengan examples di
docs.target.ai/api
đ° Pricing & Billing
Q: Berapa harga Target AI?
A: Target AI menawarkan beberapa plan:
- Free: Rp 0/bulan - 500 pesan/bulan, 1 platform
- Starter: Rp 299.000/bulan - 5.000 pesan/bulan, 2 platform
- Professional: Rp 599.000/bulan - Unlimited pesan, semua platform + AI
- Business: Rp 1.299.000/bulan - Full features + Priority support
Q: Apakah ada free trial?
A: Ya! Target AI provide 14-day free trial untuk plan Starter dan Professional. Tidak perlu credit card untuk trial.
đ§ Technical & Integration
Q: Platform apa saja yang didukung?
A: Target AI mendukung 3 platform utama:
- WhatsApp Business API
- Instagram Direct Message
- Facebook Messenger
Q: Apakah bisa integrate dengan CRM/ERP?
A: Ya! Target AI 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. Target AI 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. AI bekerja di semua platform (WhatsApp, Instagram, Messenger).
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: Apakah bisa broadcast ke Instagram/Messenger?
A: Untuk Instagram dan Messenger ada limitasi:
- Instagram: Hanya bisa reply ke incoming messages, tidak bisa broadcast
- Messenger: Hanya bisa kirim ke users yang pernah chat dalam 24 jam terakhir
đą Mobile App
Q: Apakah ada versi web/desktop?
A: Ya! Selain mobile app (iOS/Android), Target AI juga tersedia di:
- Web App: target.ai - 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 Professional 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
