Cara menambahkan chatbot AI ke website Anda

Cara menambahkan chatbot ke website dalam 4 langkah

1. 1.

   Buat agen

   Buka editor, pilih template, dan masukkan URL website Anda. Chatbot membaca halaman-halaman Anda dan membangun basis pengetahuan pertamanya dari sana.

2. 2.

   Tambahkan apa yang perlu diketahuinya

   Unggah kebijakan dan katalog, tulis pasangan tanya-jawab untuk jawaban yang harus tepat, dan isi detail bisnis Anda.

3. 3.

   Atur perilaku dan tampilannya

   Beri peran, nada, dan sapaan, aktifkan skill yang Anda butuhkan — mengumpulkan kontak, menghubungi manusia — dan sesuaikan warnanya dengan situs Anda.

4. 4.

   Tempel kodenya ke situs Anda

   Klik Add to website, salin kodenya, dan tempel ke pembuat situs Anda. Cara ini berfungsi di website mana pun yang menerima HTML kustom.

Yang perlu diputuskan sebelum menambahkan chatbot

Chatbot menjawab dari apa yang Anda berikan. Lima keputusan yang diambil sebelum membuka editor menghemat berjam-jam memperbaiki jawaban di kemudian hari.

1. 1.

   Tentukan tugas utamanya

   Menjawab pertanyaan, menangkap lead, memesan janji temu, atau mengarahkan pengunjung ke halaman yang tepat — pilih satu sebagai prioritas. Bot penangkap lead meminta detail kontak sejak awal; bot dukungan lebih membutuhkan basis pengetahuan yang mendalam daripada formulir. Lihat contoh penggunaan chatbot AI.

2. 2.

   Kumpulkan pengetahuannya

   20 pertanyaan teratas beserta jawabannya, harga terkini, kebijakan pengiriman dan pengembalian, detail kontak, serta deskripsi produk atau layanan. Tulis seperti cara pelanggan bertanya, bukan seperti bunyi halaman pemasaran Anda.

3. 3.

   Hapus informasi yang bertentangan

   Jika kebijakan pengembalian lama dan baru sama-sama dimuat, AI bisa mengutip salah satunya atau mencampurnya. Hapus versi usang dan duplikat sebelum melatih.

4. 4.

   Tetapkan batasannya

   Daftarkan topik yang dijawab chatbot dan topik yang diserahkan ke orang — sengketa tagihan, pengembalian dana yang perlu keputusan, masalah khusus akun.

5. 5.

   Pilih gaya bicaranya

   Tulis dua atau tiga contoh jawaban dengan nada yang Anda inginkan. Toko skateboard dan firma hukum tidak seharusnya terdengar sama.

Siapkan agen dan pengetahuannya

Di editor Elfsight, tab Agent menentukan siapa chatbot Anda:

• Nama, keterangan, dan gambar — nama bisnis atau agen Anda, keterangan singkat, dan logo atau avatar.

• Peran — bidang keahlian agen, agar ia menjawab sesuai karakternya.

• Nada — Friendly, Professional, Casual, Direct, atau deskripsi Anda sendiri.

• Panjang jawaban — balasan pendek, sedang, atau panjang.

• Pesan sambutan dan pertanyaan yang disarankan — beri tahu pengunjung apa yang bisa dibantu chatbot dan beri mereka pertanyaan sekali klik untuk memulai.

• Aturan percakapan — sebutkan secara tegas apa yang harus dilakukan agen dan apa yang harus dihindarinya.

Tab Knowledge berisi semua sumber jawaban chatbot:

• Halaman web — hingga 200 halaman situs Anda, ditambahkan dari URL-nya.

• File — PDF, DOCX, PPTX, TXT, JSON, HTML, atau MD, seperti kebijakan dan katalog produk.

• Pasangan tanya-jawab — untuk jawaban yang susunan katanya penting: harga, ketentuan pengembalian dana, catatan hukum.

• Blok teks — apa pun yang tidak ada di website Anda, seperti penawaran musiman.

• Info bisnis — jam buka, alamat, dan kontak.

Saat agen tidak tahu jawabannya, ia bertanya kepada Anda dan belajar dari balasan Anda. Selengkapnya di cara membuat basis pengetahuan chatbot.

Tambahkan skill: kontak, pesan tindak lanjut, dan cadangan manusia

Skill membuat chatbot bisa melakukan lebih dari sekadar menjawab pertanyaan:

• Kumpulkan kontak — formulir singkat untuk nama, email, dan telepon dengan kotak centang persetujuan. Tampilkan sebelum chat, setelah balasan pertama, atau jadikan wajib.

• Pesan tindak lanjut — pesan yang dikirim saat pengunjung berhenti merespons, untuk menarik mereka kembali atau membagikan penawaran.

• Tombol aksi — WhatsApp, email, telepon, Instagram, Telegram, Messenger, dan lainnya, ditampilkan saat percakapan membutuhkannya.

• Hubungi manusia — kartu berisi foto, nama, dan kontak anggota tim. Kartu ini muncul saat pengunjung meminta berbicara dengan orang, agen tidak bisa menjawab, kata kunci tertentu muncul, jawaban mendapat tidak suka, atau pengunjung tidak aktif.

Hubungi manusia mengarahkan pengunjung ke saluran Anda sendiri — WhatsApp, email, telepon — bukan mengalihkan chat ke operator langsung. Siapkan sebelum peluncuran, setidaknya untuk “meminta manusia” dan “tidak bisa menjawab”: pengunjung tidak keberatan berbicara dengan AI, mereka keberatan jika merasa terjebak olehnya. Lihat pengalihan ke manusia.

Sesuaikan desain dan pilih di mana chatbot tampil

Pilih salah satu dari enam tema dan warna aksen, lalu atur detail warna setiap bagian, latar belakang, radius sudut, dan font agar chat terlihat menyatu dengan situs Anda.

Di Settings, pilih cara chatbot tampil:

• Penempatan dan tata letak — chat mengambang atau tersemat di halaman; tombol, tombol teks, kolom input cepat, atau profil agen sebagai peluncur; kiri, kanan, atau tengah bawah.

• Mulai — terbuka saat diklik, menampilkan sapaan dan pertanyaan yang disarankan terlebih dahulu, atau terbuka otomatis.

• Visibilitas — tampilkan atau sembunyikan chat di halaman dan perangkat tertentu.

• Teks footer — catatan bahwa jawaban dibuat oleh AI, atau tautan ke kebijakan privasi Anda.

• Bahasa dan zona waktu — antarmuka chat dalam salah satu dari 76 bahasa; suara, CSS dan JS kustom.

• Notifikasi email — transkrip setiap chat beserta detail kontak pengunjung dikirim ke inbox Anda.

Jika Anda punya pengunjung dari Uni Eropa, perbarui kebijakan privasi Anda dengan menyebutkan chatbot dan data yang dikumpulkannya. EU AI Act juga mengharuskan orang diberi tahu bahwa mereka sedang berbicara dengan AI — teks footer adalah tempat yang praktis untuk keduanya.

Cara mengintegrasikan chatbot ke website Anda

Klik Add to website, salin kodenya, dan tempel satu kali. Untuk chat mengambang di setiap halaman, letakkan di area kode untuk seluruh situs; untuk menyematkan chat di satu halaman, gunakan elemen HTML di halaman tersebut.

Wix membutuhkan paket Premium dan Squarespace paket Business atau lebih tinggi untuk menjalankan kode kustom. Untuk React, Next.js, Vue, atau Angular, lihat chatbot AI untuk developer.

Uji sebelum diluncurkan

• Ajukan 10–15 pertanyaan nyata dari inbox dukungan atau formulir kontak Anda, bukan pertanyaan karangan. Pengunjung sungguhan menulis “pesanan saya belum sampai dan tidak ada yang menjawab”, bukan “jam buka Anda kapan?”.

• Pastikan chatbot menolak topik terlarang dengan sopan dan menawarkan cara menghubungi tim Anda: “Hal ini ditangani langsung oleh tim kami — begini cara menghubungi mereka” lebih baik daripada “Saya tidak bisa membantu soal itu”.

• Buka situs di ponsel dan pastikan peluncur tidak menutupi tombol atau keranjang.

• Pada minggu pertama, baca chat di dasbor Anda setiap hari dan isi kekosongan di basis pengetahuan.

Kesalahan yang merusak jawaban chatbot

Cara mengetahui apakah chatbot Anda bekerja

Chatbot paling efektif untuk pertanyaan yang sering dan berulang yang jawabannya sudah ada di konten Anda: harga dan paket, kebijakan, langkah pengaturan dan pemecahan masalah. Chatbot kesulitan dengan tugas yang butuh pertimbangan atau akses ke akun pelanggan — sengketa tagihan, keputusan pengembalian dana — jadi arahkan hal tersebut ke orang.

Chat dan lead ada di dasbor Elfsight Anda, laporan analitik dikirim lewat email, dan event chat bisa dikirim ke Google Analytics. Lihat analitik.

Cara lain menambahkan AI ke website

• Bangun sendiri dengan API AI — kontrol penuh atas perilaku dan data, tetapi Anda harus menulis antarmuka chat, meng-host backend, dan memelihara keduanya.

• Paket help desk — agen AI yang digabung dengan live chat, tiket, dan perutean. Berguna untuk tim dukungan besar; pengaturan dan biayanya lebih tinggi.

• Pencarian situs dan rekomendasi berbasis AI — memahami maksud pengunjung dan menyarankan halaman atau produk. Chatbot yang dilatih dengan katalog Anda bisa melakukan keduanya dalam percakapan: lihat pencarian situs AI dan rekomendasi produk.

• Alat konten dan analitik AI — membuat draf halaman dan menemukan tren di trafik Anda; alat ini membantu Anda mengelola situs, tetapi tidak berbicara dengan pengunjung.

Bagi sebagian besar bisnis kecil dan menengah, chatbot tanpa kode adalah cara tercepat menghadirkan AI bagi pengunjung: tidak ada kode yang perlu dipelihara, dan agen yang sama berfungsi di platform mana pun.