🎙️ Day 1 — ElevenLabs: Voice Agents & Multi-Agent Workflow
Minggu 2 · Hari 1 — Purple Day (Core Skills) Topik: Pengenalan platform ElevenLabs, membangun voice agent pertama, fitur tools/widget/deploy, dan workflow multi-agent
📋 Daftar Isi
- Pengenalan ElevenLabs
- Membangun Voice Agent Pertama
- Fitur Lanjutan: Tools, Widget & Deploy
- Multi-Agent Workflow
- Rangkuman & Poin Penting
🏢 Pengenalan ElevenLabs
ElevenLabs merupakan perusahaan yang didirikan pada tahun 2022 oleh mantan insinyur Google dan Palantir. Meskipun masih sangat muda, perusahaan ini sudah berstatus unicorn (valuasi di atas $1 miliar) dan dianggap sebagai pemimpin industri dalam bidang audio generation — khususnya text-to-speech berkualitas tinggi.
Dua Platform Utama
┌─────────────────────────────────────────────────────┐
│ ElevenLabs │
├────────────────────┬────────────────────────────────┤
│ Creative Platform │ Agents Platform │
├────────────────────┼────────────────────────────────┤
│ • Text-to-Speech │ • Voice Agent Builder │
│ • Audio Generation │ • Multi-Agent Workflow │
│ • Music Generator │ • Tool Integration (Webhook) │
│ • Voice Cloning │ • Knowledge Base │
│ • Image & Video │ • Widget & Phone Deploy │
└────────────────────┴────────────────────────────────┘Dalam kursus ini, fokus utama kita adalah Agents Platform — tempat kita membangun voice agent yang interaktif dan dapat diintegrasikan dengan n8n.
Harga & Free Tier
| Paket | Harga (Bulanan) | Catatan |
|---|---|---|
| Free | $0 | Cukup untuk mengikuti kursus |
| Starter | $5/bulan | Instruktur menggunakan paket ini |
| Creator | Lebih tinggi | Untuk power user |
| Pro | Tertinggi | Untuk penggunaan komersial |
💡 Tips: Free tier sudah cukup untuk seluruh materi kursus. Jika ingin bereksperimen lebih banyak, paket Starter seharga $5/bulan adalah opsi terbaik.
🤖 Membangun Voice Agent Pertama
Langkah-langkah Pembuatan
- Masuk ke Agents Platform → klik "New Agent"
- Pilih "Blank Agent" → beri nama (misal: "First Agent")
- Konfigurasi dasar:
| Parameter | Nilai |
|---|---|
| System Prompt | "You are a helpful assistant" |
| First Message | "Hello, how can I help you?" |
| Voice | Eric (smooth, trustworthy) |
| Language | English |
| Model | Gemini 2.5 Flash (default) |
- Tekan "Preview" → mulai percakapan dengan agent
Percakapan Interaktif Pertama
Agent langsung mampu merespons pertanyaan umum seperti fun fact dan jokes dengan suara yang sangat natural dan respons yang cepat. Kecepatan dan kemulusan interaksi ini adalah keunggulan utama ElevenLabs.
Menambahkan Konteks Bisnis
Dengan mengubah system prompt menjadi lebih spesifik (misalnya: "You are a helpful assistant for an airline..."), agent dapat menjawab pertanyaan berdasarkan konteks yang diberikan. Contoh:
System Prompt:
"You are a helpful assistant for an airline.
You assist customers with their travel needs.
A return ticket from New York to London costs $599."
Voice: Miss Walker (warm, reassuring, round)Agent kemudian mampu menjawab pertanyaan tentang harga tiket penerbangan berdasarkan informasi dalam system prompt.
📚 Knowledge Base
Fitur Knowledge Base memungkinkan kita memberikan agent pengetahuan domain tertentu melalui dokumen teks. Ini adalah implementasi sederhana dari konsep RAG (Retrieval-Augmented Generation) yang akan dibahas secara mendalam nanti.
Cara Menambahkan Knowledge Base
- Navigasi ke tab Knowledge Base pada agent
- Klik "Add Document" → "Create Text"
- Masukkan nama (misal: "Apple Product Details") dan isi dokumen
- Agent akan secara otomatis merujuk ke knowledge base saat menjawab pertanyaan
┌─────────────┐ ┌──────────────────┐ ┌────────────┐
│ Pertanyaan │───▶│ Voice Agent │───▶│ Jawaban │
│ Pengguna │ │ + Knowledge │ │ Akurat │
│ │ │ Base │ │ │
└─────────────┘ └──────────────────┘ └────────────┘⚙️ Fitur Lanjutan
Navigasi Utama ElevenLabs Agent
| Tab | Fungsi |
|---|---|
| Configure | System prompt, voice, model, branches |
| Workflow | Canvas mirip n8n untuk multi-agent routing |
| Knowledge Base | Dokumen referensi untuk agent |
| Tools | Webhook, system tools, transfer to agent |
| Analysis | Riwayat percakapan & statistik |
| Widget | Kustomisasi tampilan avatar (orb/gambar) |
| Security | Autentikasi, batas panggilan, kontrol pengguna |
| Advanced | Text-only mode, keyword boost, karakter agent |
| Deploy | Phone numbers, embed code, shareable link |
Widget — Embed Ke Website
ElevenLabs menyediakan kode embed HTML yang bisa langsung ditempelkan ke website (WordPress, custom site, dll):
┌──────────────────────────────────────┐
│ Your Website │
│ │
│ ┌──────────────────────────┐ │
│ │ 🔵 ElevenLabs Orb │ │
│ │ (Voice Agent Widget) │ │
│ └──────────────────────────┘ │
│ │
│ Atau gunakan gambar custom │
│ sebagai avatar agent. │
└──────────────────────────────────────┘Pengaturan Keamanan & Lanjutan
- Authentication: Pengguna bisa diwajibkan login sebelum menggunakan agent
- Webhook: ElevenLabs bisa memanggil URL eksternal di awal/akhir percakapan
- Limits: Batasi jumlah panggilan per hari
- Keywords: Tingkatkan akurasi pengenalan untuk kata-kata spesifik (nama produk, dll.)
- Turn sensitivity: Kontrol kecepatan agent merespons dan waktu tunggu
🔀 Multi-Agent Workflow
ElevenLabs memiliki fitur Workflow yang mirip canvas n8n — memungkinkan pembuatan alur antar beberapa agent. Dalam kursus ini, kita menggunakan template "Qualification Flow" sebagai contoh.
Arsitektur Multi-Agent: Toko Apple
┌───────────────────┐
│ 👤 Pengguna │
│ menelepon │
└────────┬──────────┘
│
┌────────▼──────────┐
│ 🎙️ Main Agent │
│ (Miss Walker) │
│ Qualification │
│ Routing │
└───┬──────────┬────┘
┌─────────▼──┐ ┌───▼──────────┐
│ LLM Condition│ │ LLM Condition│
│"Product │ │"Stock │
│ Question" │ │ Question" │
└─────┬───────┘ └──────┬───────┘
┌─────▼───────┐ ┌──────▼───────┐
│ 📦 Product │ │ 📊 Stock │
│ Support │ │ Specialist │
│ (Russell) │ │ (Stokes) │
│ KB: Apple │ │ KB: Stock │
│ Products │ │ Inventory │
└─────────────┘ └──────────────┘Konfigurasi Tiap Agent
| Agent | Voice | Knowledge Base | Override Prompt | Tugas |
|---|---|---|---|---|
| Main Agent | Walker | Tidak ada | Ya | Routing pertanyaan ke agent tepat |
| Product Support | Russell | Apple Product Details | Ya | Menjawab pertanyaan produk Apple |
| Stock Specialist | Stokes | Stock Inventory | Ya | Menjawab pertanyaan stok toko |
Cara Kerja Routing
- Pengguna bertanya → Main Agent menerima
- LLM mengevaluasi pertanyaan terhadap kondisi pada setiap edge
- Jika cocok "Product Question" → Product Support menjawab berdasarkan KB Apple Products
- Jika cocok "Stock Question" → Stock Specialist menjawab berdasarkan KB Stock Inventory
- Transisi lancar — pengguna tidak perlu mengulangi pertanyaan
💡 Catatan: Untuk use case sederhana, workflow di ElevenLabs sudah cukup. Namun untuk workflow bisnis yang kompleks, kombinasi dengan n8n akan jauh lebih powerful — dan itulah yang akan dibangun di hari-hari berikutnya.
📊 Rangkuman
Poin-Poin Utama Hari Ini
| # | Konsep | Deskripsi |
|---|---|---|
| 1 | ElevenLabs sebagai platform | Unicorn 2022, pemimpin audio AI, Creative + Agents Platform |
| 2 | Voice Agent Builder | Buat voice agent dalam hitungan menit |
| 3 | Knowledge Base | Berikan domain expertise ke agent via dokumen teks (RAG sederhana) |
| 4 | Widget & Embed | Deploy agent ke website manapun dengan kode embed HTML |
| 5 | Multi-Agent Workflow | Routing otomatis antar agent berdasarkan kondisi LLM |
| 6 | Security & Limits | Kontrol akses, autentikasi, batas panggilan |
Terminologi Baru
| Istilah | Arti |
|---|---|
| Creative Platform | Sisi ElevenLabs untuk generasi audio, musik, voice cloning |
| Agents Platform | Sisi ElevenLabs untuk membangun voice agent interaktif |
| Orb | Widget avatar bawaan ElevenLabs (lingkaran biru animasi) |
| Override Prompt | Mengganti system prompt utama di level node workflow |
| LLM Condition | Kondisi berbasis LLM untuk routing percakapan antar agent |
| Qualification Flow | Template multi-agent dengan routing berdasarkan jenis pertanyaan |
🏆 Pencapaian
╔══════════════════════════════════════════════╗
║ ✅ Membuat akun ElevenLabs ║
║ ✅ Membangun voice agent pertama ║
║ ✅ Menguji Knowledge Base ║
║ ✅ Eksplorasi fitur Widget & Security ║
║ ✅ Membangun multi-agent workflow ║
║ ║
║ 📊 Progress Kursus: 40% ████████░░░░░░░░ ║
╚══════════════════════════════════════════════╝Selanjutnya: Integrasi ElevenLabs dengan n8n — dua pendekatan berbeda untuk membangun voice agent yang powerful.