Menggunakan Fitur Chat

Panduan lengkap untuk menggunakan fitur chat di Malketing Dashboard.

Akses Chat

1. Klik menu Chat di sidebar kiri

2. Atau akses langsung di https://app.malketing.id/chat

Interface Chat

Layout Utama

┌─────────────────────────────────────────────────────────┐
│  ┌──────────────┐  ┌─────────────────────────────────┐  │
│  │  Conversation │  │  Chat Area                     │  │
│  │  List        │  │                                 │  │
│  │              │  │  ┌───────────────────────────┐  │  │
│  │  ┌────────┐  │  │  │     Messages             │  │  │
│  │  │ Search │  │  │  └───────────────────────────┘  │  │
│  │  └────────┘  │  │                               │  │
│  │              │  │  ┌───────────────────────────┐  │  │
│  │  ┌────────┐  │  │  │  Message Input           │  │  │
│  │  │Filter 1│  │  │  └───────────────────────────┘  │  │
│  │  └────────┘  │  └─────────────────────────────────┘  │
│  └──────────────┘                                        │
│  ┌────────────────────────────────────────────────────┐  │
│  │  Contact Panel (opsional)                        │  │
│  └────────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────┘

Komponen Utama

Komponen	Deskripsi
Conversation List	Daftar percakapan aktif
Search Bar	Cari kontak/nama
Chat Area	Area percakapan utama
Message Input	Area compose pesan
Contact Panel	Info detail kontak

Conversation List

Navigasi & Filter

Tab	Deskripsi
All	Semua percakapan
Unread	Pesan belum dibaca
Assigned	Yang ditugaskan ke Anda
Mentioned	Yang menyebut nama Anda
Closed	Percakapan tertutup

Status Percakapan

Ikon	Status
🟢 Online	Kontak online
🔴 Offline	Kontak offline
⏰ Snoozed	Ditunda
✅ Closed	Ditutup
⭐ Starred	Ditandai

Mengirim Pesan

1. Pesan Teks

1. Klik percakapan yang ingin dibalas

2. Ketik pesan di message input

3. Tekan Enter atau klik tombol kirim

4. Pesan akan terkirim via WebSocket real-time

2. Menggunakan Template

1. Klik ikon Template di message input

2. Pilih template dari dropdown

3. Template akan muncul di input

4. Edit variabel jika diperlukan

5. Kirim pesan

3. Pesan Media

Gambar

1. Klik ikon 📎 atau Gambar

2. Pilih file gambar (JPEG, PNG, GIF, WebP)

3. Preview akan muncul

4. Kirim dengan caption opsional

Video

1. Klik ikon 📎 > Video

2. Pilih file video (MP4, MOV)

3. Max size: 64MB

4. Kirim

Audio

1. Klik ikon 📎 > Audio

2. Pilih file audio (MP3, WAV, OGG)

3. Max size: 16MB

Dokumen

1. Klik ikon 📎 > Dokumen

2. Pilih file (PDF, DOC, XLS, dll)

3. Max size: 100MB

4. Interactive Messages

Buttons

1. Klik ikon Interactive > Buttons

2. Tambahkan text dan buttons (maks 3)

3. Setiap button dengan text dan value

4. Kirim - kontak akan melihat buttons interaktif

List Messages

1. Klik ikon Interactive > List

2. Tambahkan header dan deskripsi

3. Tambah section dengan items (maks 10/section)

4. Kirim - kontak memilih dari list

5. Emoji & Reactions

• Klik emoji picker untuk menambahkan emoji

• Hover pesan, klik emoji untuk reaction

• Satu pesan bisa punya multiple reactions

Manage Percakapan

Status Management

Status	Aksi
Open	Klik saat tertutup untuk buka
Close	Klik ikon ✓ untuk tutup
Snooze	Klik jam untuk tunda
Archive	Klik box untuk arsipkan

Assign & Transfer

1. Klik tombol Assign di header

2. Pilih anggota team atau assign ke diri sendiri

3. Untuk transfer, pilih anggota lain

Labels & Tags

1. Klik ikon Label di header

2. Pilih labels yang sudah ada atau buat baru

3. Labels tersimpan di percakapan

Contact Actions

Di panel kontak, tersedia:

Aksi	Deskripsi
View Profile	Lihat profil lengkap
Edit Contact	Edit informasi kontak
Add to Campaign	Tambah ke kampanye
Create Deal	Buat deal di pipeline
View History	Lihat riwayat interaksi
Merge Contact	Gabung duplikat kontak
Export	Export data kontak
Delete	Hapus kontak

Rich Text Editor

Editor menggunakan Lexical dengan formatting:

Formatting	Shortcut
Bold	Ctrl/Cmd + B
Italic	Ctrl/Cmd + I
Underline	Ctrl/Cmd + U
Strikethrough	Ctrl/Cmd + Shift + X
Code	Ctrl/Cmd + E

Supported Formatting

• Bold, Italic, Underline, Strikethrough

• Bullet & Numbered Lists

• Blockquote

• Code blocks

• Inline code

• Links

Keyboard Shortcuts

Shortcut	Aksi
Ctrl/Cmd + Enter	New line di input
Ctrl/Cmd + K	Quick template search
Ctrl/Cmd + Shift + A	Archive conversation
Ctrl/Cmd + Shift + C	Close conversation
Up Arrow (di input)	Edit last message

Tips Penggunaan Chat

1. Star Important - Bintang percakapan penting

2. Use Labels - Gunakan labels untuk kategorisasi

3. Quick Replies - Manfaatkan canned responses

4. Assign Properly - Assign ke tim yang tepat

5. Close Resolved - Tutup percakapan yang selesai

6. Snooze Wisely - Gunakan snooze untuk follow-up

7. Rich Media - Gunakan media untuk engagement lebih baik