Cara membuat chatbot AI untuk website

Cara membuat chatbot untuk website Anda dalam 6 langkah

Dengan builder tanpa kode seperti Elfsight AI Chatbot, Anda mengatur semuanya di editor visual. Tidak perlu HTML, CSS, atau JavaScript — satu-satunya kode adalah cuplikan yang Anda tempel ke situs di akhir.

1. 1.

   Buat agen dari website Anda

   Masukkan alamat website Anda. Agen membaca halaman-halaman Anda lalu kembali dengan basis pengetahuan, nama, peran dan nada, pesan sambutan, serta skill. Anda juga bisa membuatnya secara manual.

2. 2.

   Periksa apa yang diketahuinya

   Di Knowledge, tambahkan atau hapus halaman web, unggah file, dan tambahkan pasangan tanya-jawab, blok teks, serta info bisnis Anda.

3. 3.

   Bentuk cara bicaranya

   Di Agent, atur peran, nada, dan panjang jawabannya, lalu tulis aturan tentang apa yang boleh dan tidak boleh dilakukannya.

4. 4.

   Tambahkan skill

   Di Skills, aktifkan pengumpulan kontak, pesan tindak lanjut, tombol aksi (WhatsApp, email, telepon…) dan kartu untuk menghubungi orang dari tim Anda.

5. 5.

   Buat tampilannya serasi dengan situs Anda

   Di Settings, pilih gelembung mengambang atau chat tersemat, tema dan warna, posisi, serta kapan chat terbuka.

6. 6.

   Tambahkan ke website Anda

   Salin kode instalasi dan tempel ke situs Anda: blok Custom HTML, kolom code injection, atau template halaman Anda. Setiap platform punya langkahnya sendiri — lihat cara menambahkan chatbot AI ke website Anda.

Tentukan tujuan chatbot

Chatbot yang menjawab pertanyaan dukungan, chatbot yang membantu pembeli memilih, dan chatbot yang mengkualifikasi lead dibuat di editor yang sama, tetapi masing-masing butuh konten, instruksi, dan pertanyaan pembuka yang berbeda. Pilih satu tugas utama sebelum memulai.

Ide lainnya, lengkap dengan contoh percakapan: contoh penggunaan chatbot AI.

Latih chatbot dengan konten Anda sendiri

Chatbot memberi jawaban yang tidak jelas jika pengetahuannya tipis. Berikan konten yang benar-benar ditanyakan pengunjung:

• Halaman web — hingga 200 halaman situs Anda: produk, harga, FAQ, kontak. Lewati artikel blog dan profil tim yang mengaburkan jawaban.

• File — PDF, TXT, JSON, DOCX, PPTX, HTML, atau MD, hingga 100 MB per file: katalog, manual, daftar harga.

• Pasangan tanya-jawab — jawaban tepat untuk pertanyaan yang paling penting: harga, ketentuan, garansi.

• Blok teks — kebijakan dan pengumuman yang tidak ada di halaman mana pun, ditulis dalam bahasa sederhana.

• Info bisnis — jam buka, alamat, telepon.

Saat agen tidak tahu jawabannya, ia bertanya kepada Anda dan belajar dari balasan Anda, dan celah pengetahuannya didaftar agar bisa Anda tinjau. Selengkapnya di cara membuat basis pengetahuan chatbot.

Tulis instruksi yang membentuk jawabannya

Instruksi menentukan siapa chatbot Anda dan bagaimana ia berperilaku. Cakup tiga hal:

1. 1.

   Peran

   “Kamu adalah asisten dukungan untuk [Perusahaan]. Kamu membantu pengunjung soal pesanan, pengiriman, dan pengembalian.”

2. 2.

   Gaya

   Pilih nada — Friendly, Professional, Casual, Direct, atau milik Anda sendiri — dan panjang jawaban. Jelaskan nadanya dengan contoh, bukan sekadar kata sifat: “Gunakan kalimat pendek, sapa pengunjung dengan namanya, hindari frasa seperti ‘Dengan berat hati kami sampaikan’.”

3. 3.

   Batasan

   Sebutkan apa yang tidak boleh dilakukannya: “Jangan mengarang produk, harga, atau kebijakan. Jangan menyebut harga untuk proyek khusus. Jika jawabannya tidak ada di pengetahuanmu, tawarkan untuk menghubungkan pengunjung dengan tim kami.”

Anda bisa menambahkan hingga 100 aturan percakapan. Lihat cara melatih chatbot AI untuk contohnya.

Ajak pengunjung memulai percakapan

Pesan sambutan menentukan nada; pertanyaan yang disarankan menunjukkan apa yang bisa dilakukan chatbot dan dari mana memulai. “Hai! Tanyakan apa saja tentang produk kami” dengan “Lacak pesanan saya” dan “Kebijakan pengembalian” jauh lebih efektif daripada sekadar “Halo”.

• Pilih cara chat dimulai: hanya tombol, sapaan dengan pertanyaan yang disarankan, atau terbuka otomatis di desktop.

• Tampilkan sapaan setelah jeda singkat agar pengunjung bisa melihat halaman terlebih dahulu.

• Beri agen nama, gambar, dan keterangan agar terlihat sebagai bagian dari brand Anda.

• Tambahkan baris footer yang menyatakan bahwa jawaban dibuat oleh AI dan mungkin mengandung kesalahan.

• Tampilkan atau sembunyikan chat berdasarkan URL halaman dan perangkat, dan pastikan di ponsel bahwa chat tidak menutupi tombol.

Kumpulkan lead dan alihkan ke orang

• Kumpulkan kontak — minta nama, telepon, atau email setelah balasan pertama (cocok untuk dukungan: pengunjung lebih terbuka setelah mendapat bantuan), sebelum chat, atau jadikan wajib (cocok untuk generasi lead).

• Pesan tindak lanjut — menarik kembali pengunjung yang berhenti merespons.

• Hubungi manusia — kartu berisi foto, nama, dan tombol anggota tim, ditampilkan saat pengunjung meminta berbicara dengan orang, agen tidak bisa menjawab, kata kunci tertentu muncul, atau pengunjung tidak menyukai sebuah jawaban.

• Chat lewat email — transkrip dan data lead setiap chat bisa dikirim ke inbox Anda; semua chat dan lead juga ada di dasbor Anda.

Selengkapnya tentang pengalihan: pengalihan ke manusia.

Cara membuat chatbot dengan ChatGPT (dengan kode)

Jika Anda butuh kontrol penuh atas model, antarmuka, dan data, bangun chatbot sendiri di atas OpenAI API — API di balik ChatGPT. Anda butuh developer dan server.

1. 1.

   Dapatkan API key

   Buat akun di platform OpenAI, tambahkan metode pembayaran (API dibayar sesuai pemakaian), dan buat API key.

2. 2.

   Siapkan backend

   Gunakan Python atau Node.js di server. Simpan key di environment variable di server — jangan pernah di JavaScript halaman Anda, tempat siapa pun bisa membacanya.

3. 3.

   Kirim pesan ke model

   Backend Anda mengirim percakapan beserta system message (peran dan aturan bot) lalu mengembalikan balasannya.

4. 4.

   Bangun jendela chat

   Buat kotak chat dengan HTML, CSS, dan JavaScript yang mengirim pesan pengunjung ke backend Anda dan menampilkan jawabannya.

5. 5.

   Berikan konten Anda

   Model tidak mengenal bisnis Anda. Masukkan fakta penting ke system message, atau cari dokumen Anda dan kirim bagian yang cocok bersama setiap pertanyaan (retrieval).

6. 6.

   Uji dan pelihara

   Coba pertanyaan yang aneh dan tidak lengkap, tangani error dan rate limit, simpan percakapan, dan ikuti perubahan API.

Panggilan backend minimal dalam Python:

from openai import OpenAI

client = OpenAI()  # membaca OPENAI_API_KEY dari environment

def reply(history):
    response = client.chat.completions.create(
        model="your-model",
        messages=[{"role": "system", "content": "You are the support assistant for Acme. Answer only about Acme."}] + history,
    )
    return response.choices[0].message.content

Bangun sendiri atau pakai chatbot tanpa kode?

Bangun sendiri jika chatbot adalah bagian dari produk Anda atau butuh akses mendalam ke sistem Anda. Untuk menjawab pengunjung, menangkap lead, dan mendukung pelanggan di website, chatbot tanpa kode membawa Anda ke sana lebih cepat.

Uji, luncurkan, dan terus tingkatkan

1. 1.

   Uji sebelum dibagikan

   Ajukan pertanyaan yang diajukan pengunjung sungguhan, termasuk yang tidak jelas dan di luar topik, lalu periksa jalur ke orang.

2. 2.

   Baca chatnya

   Cari pertanyaan yang dijawab dengan buruk atau tidak bisa dijawab, lalu tambahkan sebagai pasangan tanya-jawab atau teks.

3. 3.

   Jaga pengetahuannya tetap terkini

   Promo, harga, dan kebijakan lama menghasilkan jawaban yang salah. Tinjau pengetahuannya setiap bulan.

4. 4.

   Sempurnakan pembukaannya

   Ganti pertanyaan yang disarankan dan bandingkan mana yang diketuk pengunjung: “Bantu saya memilih” sering kali lebih unggul daripada “Rekomendasi produk”.