Cara Membuat Chatbot AI untuk Website Tanpa Coding (dan Kapan Tetap Butuh Manusia)

Cara membuat chatbot AI untuk website tanpa coding sebenarnya cukup sederhana: pilih platform yang menyediakan widget chat dengan AI agent, isi informasi bisnis yang akan dipakai AI untuk menjawab, atur tampilan widget, lalu tempelkan satu potong kode widget ke website Anda. Di WordPress, Shopify, Wix, atau website HTML biasa, prosesnya hanya butuh beberapa menit. Bagian yang butuh pemikiran justru dua hal lain: informasi apa yang diberikan ke AI, dan kapan AI harus menyerahkan percakapan ke manusia.

Panduan ini membahas jenis chatbot website, langkah pemasangan per platform, cara menyiapkan pengetahuan AI, contoh aturan serah terima, dan angka yang perlu Anda pantau agar chatbot benar-benar membantu bisnis, bukan sekadar hiasan di pojok layar.

Jenis chatbot website

Tidak semua chatbot sama. Memahami perbedaannya membantu Anda memilih yang sesuai kebutuhan.

Untuk kebanyakan bisnis, model hibrida memberi hasil terbaik. AI menangani pertanyaan berulang seperti harga, jam buka, lokasi, dan cara pemesanan, sementara admin fokus pada calon pembeli yang serius dan kasus yang butuh empati.

Jika Anda masih menimbang antara live chat, tombol WhatsApp, dan formulir kontak, perbandingannya sudah kami bahas di artikel live chat website untuk bisnis.

Apa saja yang bisa dilakukan chatbot website?

• Menjawab pertanyaan rutin kapan saja, termasuk malam hari dan akhir pekan.

• Merekomendasikan produk atau layanan berdasarkan kebutuhan yang disampaikan pengunjung.

• Mengumpulkan data leads seperti nama, email, atau nomor WhatsApp untuk ditindaklanjuti tim penjualan.

• Mengarahkan ke halaman yang tepat, misalnya halaman harga, katalog, atau formulir booking.

• Menyerahkan percakapan ke admin saat pengunjung siap membeli, mengeluh, atau bertanya hal yang rumit.

• Mengurangi beban tim, sehingga admin tidak menghabiskan waktu menjawab pertanyaan yang sama berulang kali.

Langkah 1: tentukan tujuan chatbot

Sebelum memasang apa pun, tentukan satu atau dua tujuan utama. Tujuan yang berbeda menghasilkan pengaturan yang berbeda:

• Toko online: menjawab pertanyaan produk dan ongkir, mendorong pengunjung menyelesaikan pembelian.

• Bisnis jasa: mengumpulkan kebutuhan calon klien dan menjadwalkan konsultasi.

• Software atau aplikasi: menjawab pertanyaan fitur dan membantu pengguna baru.

• Klinik atau pendidikan: memberi informasi layanan, jadwal, dan biaya, lalu mengarahkan ke pendaftaran.

Tujuan yang jelas memudahkan Anda menulis informasi untuk AI dan menentukan kapan percakapan dianggap berhasil.

Langkah 2: siapkan pengetahuan untuk AI

Ini langkah paling penting dan paling sering diremehkan. AI hanya bisa menjawab sebaik informasi yang Anda berikan. Siapkan dokumen yang memuat:

1. Profil bisnis: apa yang dijual, untuk siapa, dan apa bedanya dengan pesaing.

2. Daftar produk atau layanan lengkap dengan harga, varian, dan ketersediaan.

3. Kebijakan: pengiriman, pembayaran, pengembalian, garansi, dan pembatalan.

4. Jam operasional dan lokasi, termasuk hari libur.

5. Pertanyaan yang sering diajukan beserta jawaban yang biasa dipakai tim.

6. Batasan: hal yang tidak boleh dijanjikan AI, misalnya diskon khusus atau jadwal pengiriman pasti.

Tulis dengan bahasa sederhana dan fakta yang spesifik. "Pengiriman Jabodetabek 1 sampai 2 hari kerja, luar Jawa 3 sampai 7 hari kerja" jauh lebih berguna daripada "Pengiriman cepat ke seluruh Indonesia".

Langkah 3: atur tampilan dan perilaku widget

Widget chat adalah wajah bisnis Anda di website. Pengaturan yang umum tersedia:

• Posisi widget, kanan bawah atau kiri bawah, sesuaikan agar tidak menutupi tombol penting.

• Ukuran jendela chat, agar nyaman dibaca di desktop dan ponsel.

• Nama dan foto agen yang terlihat oleh pengunjung.

• Buka otomatis, apakah jendela chat langsung terbuka saat halaman dimuat. Gunakan dengan hati-hati karena bisa terasa mengganggu.

• Formulir sebelum chat, misalnya meminta nama dan email atau nomor WhatsApp sebelum percakapan dimulai.

Di ChatMo, semua pengaturan ini tersedia di halaman widget webchat, dan percakapan dari website masuk ke inbox yang sama dengan WhatsApp, Instagram, Facebook, dan Telegram.

Langkah 4: pasang kode widget ke website

Setelah widget diatur, platform akan memberi potongan kode JavaScript. Kode ini biasanya ditempel sebelum tag penutup </body> di setiap halaman. Caranya berbeda per platform:

WordPress

Gunakan plugin untuk menyisipkan kode di header atau footer, lalu tempel kode widget di bagian footer. Cara lain adalah menambahkannya lewat editor tema, tetapi plugin lebih aman karena kode tidak hilang saat tema diperbarui.

Shopify

Buka Online Store, pilih Themes, klik Edit code, lalu buka file theme.liquid. Tempel kode widget tepat sebelum </body> dan simpan.

Wix dan Squarespace

Kedua platform menyediakan menu untuk menambahkan kode khusus di seluruh halaman situs. Pilih penempatan di bagian akhir body dan terapkan ke semua halaman.

Website HTML atau framework

Tempel kode di template utama yang dipakai semua halaman. Jika website memakai Google Tag Manager, Anda juga bisa memasang widget sebagai tag HTML khusus.

Setelah dipasang, buka website dari ponsel dan desktop, kirim pesan percobaan, dan pastikan pesan muncul di inbox.

Langkah 5: tentukan aturan serah terima ke manusia

Chatbot yang tidak pernah menyerahkan percakapan ke manusia akan membuat pengunjung frustrasi. Tentukan kondisi serah terima yang jelas:

Saat serah terima terjadi, pastikan pengunjung tahu apa yang terjadi, misalnya "Saya teruskan ke tim kami ya, biasanya dibalas dalam beberapa menit di jam kerja." Di luar jam kerja, minta kontak WhatsApp atau email agar tim bisa menindaklanjuti keesokan harinya.

Di ChatMo, AI agent bisa dipasang di channel webchat dengan aturan kapan berhenti dan menyerahkan chat. Chat yang diserahkan otomatis masuk ke admin atau tim sesuai pengaturan pembagian chat.

Contoh percakapan chatbot website

Pengunjung: Halo, kursus desain grafis yang online ada?

Chatbot: Halo! Ada, kelas desain grafis online kami berjalan 8 minggu, 2 kali seminggu malam hari. Biayanya Rp1.750.000 untuk satu batch, termasuk rekaman kelas. Kamu sudah pernah pakai software desain sebelumnya?

Pengunjung: Belum sama sekali.

Chatbot: Cocok, kelas ini memang dimulai dari dasar. Batch berikutnya mulai 3 November dan tersisa beberapa kursi. Mau saya hubungkan dengan tim pendaftaran untuk amankan kursi? Boleh minta nama dan nomor WhatsApp kamu?

Perhatikan bahwa chatbot memberi jawaban spesifik, mengajukan satu pertanyaan untuk memahami kebutuhan, lalu menawarkan langkah berikutnya dan meminta kontak dengan alasan yang jelas.

Contoh penerapan: jasa cleaning service

Sebuah penyedia jasa cleaning service di Jakarta menerima banyak kunjungan website dari iklan Google, tetapi sebagian besar pengunjung pergi tanpa menghubungi. Formulir kontak di halaman layanan jarang diisi, dan pertanyaan lewat WhatsApp baru dibalas saat admin sempat.

Mereka memasang widget chat dengan AI agent yang dibekali daftar paket, harga per luas ruangan, area layanan, dan jadwal yang tersedia. Formulir sebelum chat hanya meminta nama dan nomor WhatsApp. AI menjawab pertanyaan seperti "Berapa biaya deep cleaning apartemen 2 kamar?" dengan kisaran harga dan bertanya kapan jadwal yang diinginkan. Saat pengunjung menyebut tanggal, chat diteruskan ke admin untuk konfirmasi jadwal dan pembayaran.

Dalam satu bulan, jumlah percakapan dari website jauh melampaui jumlah formulir yang dulu masuk, karena bertanya lewat chat terasa lebih ringan daripada mengisi formulir. Admin juga tidak lagi menjawab pertanyaan harga dasar, sehingga waktunya dipakai untuk mengonfirmasi pesanan.

Menulis pesan pembuka di widget

Pesan pertama yang dilihat pengunjung menentukan apakah mereka mau mengetik. Hindari sapaan yang terlalu umum seperti "Ada yang bisa dibantu?". Lebih baik sebutkan hal konkret yang bisa dibantu, misalnya "Halo! Mau cek harga paket, jadwal kosong minggu ini, atau area layanan kami? Tanya saja di sini." Pesan seperti ini memberi contoh pertanyaan sekaligus menunjukkan bahwa chatbot benar-benar bisa menjawab.

Privasi dan transparansi

• Beri tahu bahwa pengunjung sedang berbicara dengan asisten AI. Kejujuran membangun kepercayaan, dan pengunjung lebih memaklumi jika ada jawaban yang kurang tepat.

• Minta data seperlunya. Nama dan satu kontak sudah cukup untuk tindak lanjut.

• Jangan pernah meminta data sensitif seperti nomor kartu kredit, PIN, atau password lewat chat.

• Cantumkan kebijakan privasi di website dan jelaskan bagaimana data chat digunakan.

Mengukur keberhasilan chatbot website

Setiap dua minggu, baca beberapa percakapan yang diserahkan ke admin. Jika banyak pertanyaan yang sama gagal dijawab AI, tambahkan informasinya ke pengetahuan AI.

Kesalahan yang sering terjadi

1. Memasang chatbot tanpa mengisi pengetahuan yang cukup. AI akan menjawab terlalu umum atau menyerahkan hampir semua chat ke admin.

2. Membuka widget otomatis di setiap halaman. Pengunjung yang sedang membaca merasa terganggu. Pertimbangkan hanya di halaman tertentu atau biarkan pengunjung membukanya sendiri.

3. Tidak ada yang memantau serah terima. Pengunjung yang sudah diteruskan ke admin tetapi tidak dibalas lebih kecewa daripada yang tidak pernah chat.

4. Formulir sebelum chat terlalu panjang. Lima kolom wajib sebelum bisa bertanya membuat pengunjung batal.

5. Lupa memperbarui informasi. Harga dan promo lama yang masih dijawab AI bisa menimbulkan komplain.

Ringkasan langkah

1. Tentukan tujuan utama chatbot.

2. Siapkan pengetahuan bisnis yang lengkap dan spesifik untuk AI.

3. Atur tampilan widget: posisi, ukuran, nama agen, dan formulir sebelum chat.

4. Tempel kode widget di website dan uji dari ponsel serta desktop.

5. Tentukan aturan serah terima ke admin dan pantau hasilnya secara rutin.

Chatbot AI di website bekerja paling baik sebagai pintu depan yang ramah dan selalu buka, dengan tim manusia yang siap mengambil alih saat percakapan butuh sentuhan personal. Untuk penjelasan lebih dalam tentang cara kerja AI agent, baca artikel chatbot AI WhatsApp untuk customer service.