Memiliki AI Chatbot di situs web Anda bukan lagi tujuan—memiliki satu yang terkonfigurasi dengan baik adalah. Kebanyakan chatbot berkinerja buruk bukan karena teknologinya kurang, melainkan karena mereka dipasang dengan instruksi umum, data pelatihan yang tipis, dan tanpa adanya kasus penggunaan yang jelas. Pengunjung mencobanya satu kali, menerima jawaban yang samar atau tidak relevan, dan tidak pernah mengklik gelembung itu lagi.
Apa yang membedakan chatbot yang benar-benar membawa dampak dari yang sekadar memenuhi layar adalah spesifikasinya. Chatbot yang menjawab pertanyaan produk untuk toko e-commerce memerlukan basis pengetahuan, nada, dan alur percakapan yang secara mendasar berbeda dibandingkan chatbot yang mengkualifikasi leads untuk agen real estat.
Panduan ini membahas cara membuat AI chatbot kustom untuk situs web Anda: mulai dari memilih kasus penggunaan yang tepat dan melatih chatbot dengan konten Anda, hingga menyesuaikan perilaku dan tampilannya dalam editor visual yang ramah pemula.
Buat AI Chatbot Anda dalam 4 Langkah
- Buka editor Elfsight dan pilih template chatbot
- Latih dan sesuaikan AI Chatbot Anda
- Klik “Tambahkan ke situs web secara gratis” dan salin kode semat
- Tempelkan kodenya ke backend situs web Anda.
Buat AI Chatbot Anda Sendiri di editor interaktif ini!
Kasus Penggunaan AI Chatbot untuk Situs Web Anda
Cara mengonfigurasikan AI Chatbot Anda sepenuhnya bergantung pada apa yang Anda butuhkan darinya. AI Chatbot untuk dukungan, asisten belanja, dan bot kualifikasi lead dapat dibuat di satu ruang yang sama – tetapi konten pelatihan, instruksi, gaya visual, dan nuansa berbeda untuk masing-masing. Di bawah ini ada lima kasus penggunaan populer dengan rekomendasi pengaturan spesifik yang bisa Anda terapkan langsung di editor Elfsight.
Dukungan Pelanggan – Meja Bantuan 24/7
Berlaku untuk: perusahaan SaaS, penyedia layanan, agensi, toko e-commerce.
Kebanyakan pertanyaan dukungan bersifat berulang: jadwal pengiriman, kebijakan pengembalian dana, pengaturan akun, reset kata sandi. Chatbot AI yang dilatih dengan konten pusat bantuan Anda bisa menyelesaikan ini secara instan, membebaskan tim Anda untuk fokus pada kasus yang kompleks. Chatbot mengingat nama pelanggan, menjaga riwayat percakapan di seluruh halaman, dan mengirim pesan tindak lanjut jika pengunjung tidak aktif – sehingga tidak ada pertanyaan yang tertinggal.
Untuk bisnis tanpa tim dukungan besar, ini adalah kasus penggunaan dengan dampak tertinggi. Secara praktis, ini memberi Anda liputan 24/7 tanpa menambah staf.
Rekomendasi
- Latih chatbot Anda menggunakan halaman FAQ, artikel pusat bantuan, dan dokumen kebijakan
- Aktifkan pengumpulan informasi kontak agar pertanyaan yang belum terjawab tetap menghasilkan prospek
- Siapkan notifikasi email untuk menerima seluruh transkrip percakapan setelah setiap sesi
- Tambahkan balasan cepat untuk 4–5 pertanyaan paling umum (mis. “Lacak pesanan saya,” “Kebijakan pengembalian,” “Hubungi dukungan”)
E-commerce – Asisten Belanja AI
Berlaku untuk: toko online, merek D2C, penjual marketplace.
Pelanggan yang tidak dapat menemukan produk yang tepat — atau memiliki pertanyaan tentang ukuran, kecocokan, atau pengiriman — sering meninggalkan sesi mereka sepenuhnya. Chatbot asisten belanja yang dilatih dengan katalog produk Anda bisa merekomendasikan item berdasarkan preferensi, menjawab pertanyaan pra-pembelian, dan mendorong pengunjung menuju proses checkout.
Perbedaan utama dari bot dukungan generik adalah Set Instruksi: Anda memberi tahu AI untuk bertindak sebagai penasihat penjualan, bukan sekadar mesin tanya jawab. Latih ia pada halaman produk Anda, panduan ukuran, dan daftar terlaris agar dapat memberikan rekomendasi yang relevan dan spesifik.
Rekomendasi
- Berikan chatbot halaman katalog produk Anda dan informasi pengiriman/pengembalian melalui Web Pages dan berkas
- Tulis instruksi agen yang menekankan rekomendasi produk dan upselling (mis. “Saat pengunjung menanyakan sepatu lari, sarankan 2–3 opsi dan jelaskan perbedaannya.”)
- Tambahkan balasan cepat seperti “Terlaris,” “Apa Yang Baru,” “Bantu saya memilih,” “Info Pengiriman”
- Aktifkan pesan tindak lanjut untuk mengajak kembali pengunjung yang berhenti merespons di tengah percakapan
Perhotelan – Concierge Tamu
Diterapkan untuk: hotel, restoran, resor, penyewaan liburan, agen perjalanan.
Pengunjung perhotelan cenderung menanyakan kelompok pertanyaan yang sama: waktu check-in, parkir, Wi‑Fi, jam sarapan, dan atraksi di sekitar properti. Chatbot yang dilatih dengan detail properti Anda akan menanganinya secara instan — di situs web Anda, halaman pemesanan, atau bahkan halaman konfirmasi setelah pemesanan.
Untuk restoran, pendekatan yang sama juga bekerja dengan menu, ketersediaan reservasi, akomodasi diet, dan pertanyaan acara. Template Chatbot Restoran telah dikonfigurasi sebelumnya untuk skenario ini.
Rekomendasi
- Unggah daftar fasilitas, tipe kamar, peraturan rumah, dan panduan area lokal sebagai berkas pelatihan
- Tulis instruksi yang menetapkan nada yang hangat dan ramah (misalnya, “You are a friendly concierge at [Hotel Name]. Help guests with booking questions, local recommendations, and amenity details.”)
- Tambahkan balasan cepat untuk “Check-in/Check-out,” “Fasilitas,” “Petunjuk arah,” “Pesan kamar”
- Aktifikan email transkrip obrolan agar tim meja depan Anda bisa menindaklanjuti permintaan khusus
Real Estate – Asisten Properti
Berlaku untuk: agen properti, pengembang properti, agen perorangan.
Lead properti bersifat sensitif terhadap waktu. Pengunjung yang menelusuri daftar properti pada pukul 10 malam tidak akan menunggu hingga pagi untuk jawaban terkait luas bangunan, fasilitas lingkungan, atau ketersediaan kunjungan. AI Chatbot bisa menjawab pertanyaan ini secara langsung, mengkualifikasi lead dengan mengumpulkan rentang anggaran dan preferensi, dan mendorong mereka meninggalkan detail kontak untuk dihubungi kembali.
Latih chatbot dengan listing Anda saat ini, panduan lingkungan, dan FAQ pembeli/penyewa yang umum. Semakin spesifik knowledge base, semakin berguna chatbot — saran properti generik tidak akan menutup kesepakatan.
Rekomendasi
- Latih AI dengan halaman daftar, informasi lingkungan, dan FAQ pembiayaan melalui Halaman Web dan unggahan berkas
- Aktifkan pengumpulan kontak untuk mengumpulkan nama, email, telepon, dan tipe properti yang diinginkan.
- Tulis instruksi yang menempatkan chatbot sebagai penasihat properti (misalnya, “Bantu pengunjung menemukan properti yang sesuai kebutuhan mereka. Tanyakan anggaran, preferensi lokasi, dan jumlah kamar tidur.”)
- Tambahkan balasan cepat: “Telusuri daftar,” “Jadwalkan kunjungan,” “Info hipotek,” “Hubungi agen”
Pendidikan – Dukungan Siswa & Pelamar
Berlaku untuk: universitas, platform kursus online, penyedia pelatihan, layanan bimbingan belajar.
Situs pendidikan menghadapi tantangan khusus: calon mahasiswa memiliki pertanyaan kompleks berjenjang (persyaratan masuk, bantuan keuangan, prasyarat mata kuliah, tenggat waktu) yang tidak pas dengan halaman FAQ statis. AI Chatbot yang dilatih pada katalog program Anda dan dokumen penerimaan dapat membimbing pelamar melalui proses secara percakapan.
Untuk platform kursus online, chatbot dapat merekomendasikan kursus berdasarkan tujuan dan tingkat keterampilan, menjelaskan harga, dan menangani keberatan umum — berperan sebagai agen dukungan sekaligus penasihat penjualan.
Rekomendasi
- Unggah katalog program, persyaratan penerimaan, struktur biaya, dan panduan bantuan keuangan
- Tambahkan pasangan Q&A untuk pertanyaan pelamar yang paling umum (mis. “What are the admission deadlines?”, “Can I transfer credits?”)
- Tulis instruksi yang menyeimbangkan antara membantu dan akurat (misalnya, ‘Jika Anda tidak yakin tentang kebijakan tertentu, arahkan siswa ke kantor penerimaan daripada menebak’)
- Tambahkan balasan cepat untuk: “Program,” “Persyaratan Pendaftaran,” “Biaya Kuliah,” “Kontak Penerimaan”
Jelajahi template AI Chatbot
Tantangan Umum AI Chatbot & Solusinya
Masalah di bawah ini muncul ketika pengaturan tidak mempertimbangkan bagaimana pengunjung benar-benar berinteraksi dengan widget. Berikut ini apa yang biasanya salah dan cara mengatasinya di editor Elfsight.
| Masalah Chatbot | Mengapa Hal Ini Terjadi | Bagaimana Elfsight Membantu |
|---|---|---|
| Chatbot memberikan jawaban yang tidak relevan atau generik | Basis pengetahuan kosong atau terlalu tipis — AI mengandalkan pengetahuan model umum alih-alih data bisnis Anda. | Pelatihan Multi-Sumber — unggah berkas (PDF, DOCX, TXT, dll.), tambahkan pasangan Q&A, tempel blok teks, dan pindai halaman situs Anda untuk membangun basis pengetahuan yang komprehensif. |
| Pengunjung tidak menyadari keberadaan chatbot atau tidak membukanya | Balon obrolan menyatu dengan desain halaman, atau tidak ada ajakan proaktif untuk memulai percakapan. | Tampilan Sambutan yang Bisa Disesuaikan — atur pesan sambutan yang muncul di atas gelembung secara langsung atau dengan penundaan, serta sesuaikan ikon gelembung, posisinya, dan lencana pemberitahuan. |
| Chatbot tidak bisa menjawab pertanyaan di luar pelatihannya | Pengguna mengajukan pertanyaan kasus tepi atau sangat spesifik yang tidak dicakup oleh basis pengetahuan. | Hubungi Manusia — tentukan batas lingkup dalam instruksi Anda dan atur keterampilan Hubungi Manusia untuk menampilkan kartu agen manusia ketika chatbot tidak bisa menyelesaikan pertanyaan. |
| Tidak ada catatan pertanyaan pengunjung | Percakapan chat menghilang setelah sesi berakhir, meninggalkan Anda tanpa data mengenai kebutuhan pelanggan. | Notifikasi transkrip email — aktifkan pengiriman email otomatis dari seluruh transkrip obrolan setelah setiap sesi, termasuk riwayat percakapan dan informasi kontak yang terkumpul. |
| Chatbot terdengar kaku atau tidak sejalan dengan merek Anda. | Nada AI bawaan tidak selaras dengan suara merek Anda, sehingga percakapan terasa tidak personal. | Instruksi Agen — buat instruksi khusus yang mendefinisikan kepribadian chatbot, nada, dan gaya komunikasinya (misalnya “Gunakan nada hangat dan santai dengan kalimat pendek. Hindari frasa korporat.”, dsb) |
Cara Membuat AI Chatbot dari Awal
1. Pilih templat
Buka editor AI Chatbot Elfsight dan jelajahi galeri templat. Setiap templat telah dikonfigurasi sebelumnya dengan instruksi agen, pesan salam, dan balasan cepat yang disesuaikan untuk kasus penggunaan tertentu — dukungan pelanggan, e-commerce, perhotelan, properti, kesehatan, dan lainnya. Pilih template yang paling mendekati tujuan Anda sebagai titik awal atau buat AI Chatbot kustom dari awal.
Setelah Anda memilih template, tempelkan URL situs web Anda atau masukkan detail bisnis Anda secara manual untuk membuat AI Chatbot Anda.
2. Tulis Instruksi Agen
Pergi ke tab Pelatihan dan buka bagian Instruksi Agen. Di sinilah Anda mendefinisikan siapa AI Chatbot itu, bagaimana seharusnya berperilaku, dan apa yang seharusnya dilakukan (dan tidak seharusnya) oleh chatbot.
Editor mencakup Instruksi Otomatis yang Dihasilkan: masukkan URL situs web Anda, dan sistem akan menganalisis situs Anda, mengidentifikasi jenis bisnis Anda, dan menghasilkan seperangkat instruksi yang disesuaikan. Anda kemudian dapat mengedit keluaran untuk menyempurnakan nada, lingkup, dan aturan spesifik.
Serangkaian instruksi yang kuat mencakup tiga hal: peran chatbot (mis. “Anda adalah asisten dukungan pelanggan untuk [Nama Perusahaan]”), gaya komunikasi (mis. “Jadilah ringkas, ramah, dan profesional”), dan batasannya (mis. “Jangan membahas produk pesaing. Jika Anda tidak tahu jawabannya, arahkan pengunjung untuk mengirim email ke [email protected]”).
3. Bangun Basis Pengetahuan Anda
Masih di tab Pelatihan, tambahkan konten bisnis Anda menggunakan sumber pelatihan yang tersedia:
- Web Pages — tempel URL situs web Anda, dan sistem akan secara otomatis merayap dan memproses konten untuk basis pengetahuan chatbot.
- Berkas — unggah dokumen dalam format PDF, TXT, JSON, DOCX, PPTX, HTML, atau MD
- Pasangan Pertanyaan–Jawaban — tambahkan pasangan pertanyaan–jawaban kustom untuk pertanyaan yang paling umum atau penting
- Blok Teks — tempel blok teks (kebijakan, deskripsi produk, pengumuman) langsung ke editor
Semakin spesifik dan menyeluruh konten pelatihan Anda, semakin baik kinerja chatbot. Prioritaskan konten yang menjawab pertanyaan yang sebenarnya diajukan pengunjung — tidak semua yang ada di situs Anda perlu dimasukkan ke basis pengetahuan.
4. Atur Pesan Sambutan dan Balasan Cepat
Pindah ke bagian Sapaan dan konfigurasikan chatbot Anda:
- Teks Sambutan — pesan yang dilihat pengunjung saat jendela obrolan dibuka atau muncul di atas gelembung. Pertahankan singkat dan berorientasi aksi (misalnya, “Hai! Ada yang bisa saya bantu hari ini?” atau “Cari sesuatu? Tanyakan apa saja tentang produk kami.”).
- Balasan Cepat — tombol siap pakai yang bisa diketuk pengunjung untuk memulai percakapan tanpa mengetik. Ini muncul sebagai opsi yang bisa diklik (misalnya, “Lacak pesanan saya,” “Harga,” “Bicaralah dengan manusia”) dan menjadi pendorong utama keterlibatan.
5. Konfigurasikan Pengumpulan Kontak dan Notifikasi
Buka tab Keterampilan. Dua fitur utama di sini:
- Pengumpulan info kontak — atur chatbot untuk meminta detail kontak pengunjung (nama, email, telepon) selama percakapan. Sesuaikan bidang mana yang akan dikumpulkan dan kapan chatbot akan menanyakannya. Ini menjadikan setiap percakapan berpotensi menjadi lead.
- Pesan tindak lanjut — dorongan otomatis yang dikirim chatbot jika pengunjung tidak aktif, mendorong mereka untuk melanjutkan percakapan atau meninggalkan info kontak.
Dari sini, Anda juga bisa menambahkan opsi menghubungi manusia atau mengaitkan chatbot Anda ke saluran lain, seperti Instagram, WhatsApp, Direct Call, X, dan lainnya, menggunakan tombol khusus. Anda bahkan bisa berkreasi dengan tombol kustom yang mengarah ke tautan pilihan Anda, misalnya portofolio atau formulir online.
Notifikasi email bisa diaktifkan di Pengaturan, memungkinkan chatbot mengirim transkrip percakapan dan informasi kontak yang terkumpul ke kotak masuk Anda setelah setiap sesi. Ini penting untuk tindak lanjut dan tinjauan kualitas.
6. Sesuaikan Gaya Asisten
Pergi ke tab Tema untuk menyesuaikan tampilan chatbot:
- Tema — pilih dari 6 tema adaptif yang otomatis menyesuaikan warna merek Anda.
- Warna aksen — tetapkan warna utama yang digunakan di seluruh antarmuka obrolan
- Jenis Huruf — pilih dari perpustakaan font yang besar untuk mencocokkan tipografi situs Anda.
- Wallpaper Obrolan — tambahkan wallpaper bertema sebagai latar belakang jendela obrolan jika diinginkan
Lalu sesuaikan Profil Agen dan Tata Letak di Pengaturan:
- Avatar Asisten — unggah gambar kustom untuk mewakili chatbot secara visual
- Nama Tampilan — atur nama yang ditampilkan di bagian atas jendela obrolan (mis., “Ava,” “Support Bot,” nama merek Anda)
- Ikon gelembung — pilih dari perpustakaan ikon atau gunakan ikon kustom
- Posisi — letakkan gelembung di sudut kanan bawah atau sudut kiri bawah layar
Avatar yang mudah dikenali dan nama yang jelas membuat chatbot terasa lebih personal dan menjadi bagian dari merek Anda. Hal ini sangat penting bagi bisnis yang berinteraksi langsung dengan pelanggan, karena kepercayaan adalah faktor kunci.
7. Sisipkan Chatbot di Situs Web Anda
📝 Tips Optimasi untuk AI Chatbot Anda
Mengaktifkan chatbot adalah langkah pertama. Peningkatan performa sejati datang dari apa yang Anda lakukan setelah peluncuran — meninjau percakapan, memperkaya basis pengetahuan, dan menyempurnakan detail yang memengaruhi cara pengunjung berinteraksi dengan widget. Tip-tip ini melampaui pengaturan awal yang dibahas pada panduan di atas.
- Audit basis pengetahuan Anda setiap bulan. Konten usang (promosi kedaluwarsa, kebijakan lama, produk yang dihentikan) menyebabkan jawaban tidak akurat dan merusak kepercayaan. Atur pengingat berkala untuk meninjau dan memperbarui sumber pelatihan.
- Tinjau transkrip obrolan untuk celah pengetahuan. Aktifkan notifikasi email dan secara berkala memindai percakapan untuk pertanyaan yang dijawab chatbot dengan kurang tepat atau tidak bisa dijawab sama sekali. Tambahkan topik-topik tersebut ke pasangan Q&A Anda atau blok teks.
- Gunakan bagian Q&A untuk jawaban berisiko tinggi. Untuk pertanyaan di mana akurasi sangat penting (harga, ketentuan hukum, penafian medis), tambahkan pasangan Q&A yang eksplisit alih-alih mengandalkan AI untuk mengekstrak jawaban dari dokumen yang lebih panjang. Pasangan Q&A langsung selalu didahulukan.
- Tuliskan instruksi tentang apa yang tidak boleh dilakukan chatbot. Instruksi negatif (“Jangan mengarang detail produk, kebijakan, atau layanan,” “Jangan kutip harga untuk proyek kustom”) mencegah AI melangkah terlalu jauh dan menghasilkan respons yang dapat menimbulkan tanggung jawab.
- Uji A/B balasan cepat Anda. Tukar label balasan cepat setiap beberapa minggu dan bandingkan keterlibatan. Label seperti “Bantu saya memilih” sering kali lebih efektif daripada “Rekomendasi produk” karena mencerminkan cara pengunjung berpikir.
- Atur jeda salam menjadi 3–5 detik. Sapaan yang muncul langsung bisa terasa mengganggu. Jeda singkat memberi pengunjung waktu untuk memahami halaman terlebih dulu, membuat chatbot terasa membantu, bukan memaksa.
- Segment konten pelatihan berdasarkan niat. Alih-alih memasukkan seluruh situs Anda ke Web Pages, pilih secara selektif. Berikan chatbot halaman yang benar-benar ditanyakan pengunjung — halaman produk, FAQ, harga, kontak — dan abaikan pos blog atau bio tim yang merusak kualitas jawaban.
Pertanyaan yang Sering Diajukan
Bisakah saya membuat AI Chatbot untuk situs web saya tanpa Coding?
Bagaimana cara melatih chatbot dengan konten bisnis saya?
Apakah chatbot mendukung beberapa bahasa?
Apakah ada batas jumlah pesan yang bisa dikirim pengunjung?
Dapatkah chatbot meneruskan percakapan ke agen manusia?
Apakah chatbot akan memperlambat situs web saya?
Penutup
Perbedaan antara chatbot yang diabaikan pengunjung dan yang benar-benar mereka gunakan terletak pada spesifiknya — konten pelatihan yang tepat, instruksi yang jelas, dan pengaturan yang sesuai dengan skenario bisnis Anda. Jika Anda telah mengikuti langkah-langkah di atas, Anda telah melewati tahap “bot generik.” Dari sini, kuncinya adalah iterasi: tinjau transkrip, isi kekosongan pengetahuan, dan sempurnakan alur percakapan saat Anda belajar apa yang benar-benar ditanyakan pengunjung.
Jika Anda ingin mengeksplor konfigurasi tambahan atau mengalami kendala saat pengaturan, sumber daya di bawah ini bisa membantu. Kami juga ingin melihat apa yang telah Anda buat — bagikan pengaturan AI Chatbot Anda atau ajukan pertanyaan di Facebook, LinkedIn, atau X, atau mulai percakapan di Komunitas Elfsight untuk bertukar ide dengan pengguna lain!
