Chatbot RAG untuk situs bisnis

Chatbot yang jawabannya benar-benar dari situsmu

Pengunjung bertanya, bot menjawab dari halaman situsmu sendiri. Daftarkan sitemap, tempel satu baris script, selesai.

Asisten Kopi Rakyat
Biasanya balas dalam beberapa detik
  1. Asisten Kopi Rakyat: Halo! Mau cari biji kopi atau tanya cara seduh?
  2. Pengunjung: Biji yang cocok buat V60 apa ya? Aku suka yang asamnya segar.
  3. Asisten Kopi Rakyat: Untuk V60 dengan asam yang segar, coba Arabika Kerinci. Rasanya cerah dengan catatan jeruk dan gula aren, disangrai light-medium. Seduh dengan rasio 1:15, air 90-92°C, dan gilingan sedang-halus. Mau saya jelaskan langkah seduh V60-nya satu per satu?
  4. Asisten Kopi Rakyat sedang mengetik
Contoh: widget di situs Kopi Rakyat, bisnis fiktif

Membaca situsmu dulu, baru menjawab

Chatbot biasa menjawab dari ingatan model, yang tidak pernah memuat isi situsmu. Jadi soal harga, jadwal, dan syarat layanan, dia menebak. Di sini tiap jawaban disusun dari potongan halamanmu yang paling relevan, dan kalau bahannya tidak ada, bot diarahkan untuk bilang tidak tahu, bukan menebak.

Langkah 1

Daftarkan sitemap

Isi alamat situsmu di dashboard. Sitemap-nya dicari sendiri, lalu dicek bisa diambil dan memang berisi daftar halaman. Kalau bermasalah, kamu langsung tahu cara membenahinya.

Langkah 2

Isinya dibaca jadi knowledge base

Tiap halaman di sitemap dibaca, lalu teksnya dipecah jadi potongan pendek. Kumpulan potongan itu jadi knowledge base situsmu, bahan utama yang dipakai bot untuk menjawab.

Langkah 3

Pengunjung bertanya

Pengunjung mengetik pertanyaan di widget chat, langsung di situsmu dan tanpa perlu mendaftar. Warna, tema, nama bot, dan sapaan pembukanya kamu yang atur.

Langkah 4

Dijawab dari halamanmu

Di belakang layar, pertanyaan itu dicocokkan dengan knowledge base, lalu jawabannya disusun dari potongan yang paling relevan. Pertanyaan yang jelas di luar topik situsmu dibalas dengan kalimat guardrail yang kamu tulis.

Lalu pasang dengan satu baris script

Snippet persisnya, lengkap dengan site id milikmu, ada di layar Widget, tab Editor. Tidak ada paket npm yang perlu dipasang dan tidak ada perubahan lain di kodemu.

Tempel sebelum </body>
<script src="https://chatbot.inwebsite.online/widget.js"
        data-site-id="situsmu" defer></script>

Satu dashboard buat seluruh siklusnya

Bukan cuma bubble chat. Knowledge base, tampilan, monitoring, dan riwayat percakapan ada di tempat yang sama.

Tampilan yang ikut identitasmu

Warna, tema, posisi, nama bot, subjudul, sapaan pembuka, dan buka otomatis diatur dari dashboard. Perubahannya sampai ke situsmu dalam sekitar semenit, tanpa tempel ulang kode.

Warna
Tema

Cuma contoh. Di dashboard kamu bebas pakai kode warna apa pun.

Monitoring trafik per situs

Chat yang berhasil, diblokir, dan error selama 24 jam terakhir. Permintaan dari domain yang tidak kamu izinkan tercatat dengan alasannya, dan lonjakan chat yang tidak wajar kelihatan di grafiknya.

  • Chat berhasil
  • Diblokir
  • Error
Halaman Monitoring di dashboard InWebChatBot: grafik trafik widget 24 jam terakhir dengan jumlah chat berhasil, diblokir, dan error, lalu tabel aktivitas yang diblokir beserta domain dan alasannya.

Riwayat chat asli

Baca percakapan pengunjung apa adanya, per sesi, plus daftar jawaban yang diberi jempol bawah. Pertanyaan yang berulang tapi belum terjawab adalah daftar konten yang layak kamu tulis.

Halaman Riwayat chat di dashboard InWebChatBot: daftar sesi percakapan pengunjung, masing-masing dengan waktu aktif terakhir, cuplikan pertanyaan pertama, dan jumlah pesan.

Demo sebelum tayang

Tanya apa saja lewat preview di layar Widget seperti pengunjung, ke chatbot yang sama dengan widget di situsmu. Jawaban yang meleset ketahuan di sini, bukan di depan pengunjung, dan sesi uji tidak memotong kuota.

Halaman Uji chatbot di dashboard InWebChatBot: panel chat uji untuk bertanya seperti pengunjung, memakai chatbot yang sama dengan widget di situs.

Kamu yang menentukan batasnya

Persona mengatur peran dan gaya bicara bot. Guardrail adalah balasan tetap untuk pertanyaan yang jelas di luar topik situsmu. Keduanya kolom teks biasa yang bisa kamu ubah kapan saja, dan hasilnya langsung bisa dicoba di preview widget.

  • Batas wewenang ditulis eksplisit di persona, supaya bot tidak menjanjikan diskon atau tanggal kirim.
  • Guardrail mengarahkan ke jalur yang kamu tentukan, bukan berhenti di jalan buntu.
  • Setelah daftar domain diisi, chatbot hanya menjawab di domain yang kamu izinkan.
Panduan menulis persona dan guardrail
Persona
Kamu asisten pra-penjualan untuk Kopi Rakyat,
pemanggang kopi di Bandung.
Jawab maksimal 4 kalimat, lalu tawarkan satu
langkah lanjutan.
Kamu tidak berwenang memberi diskon atau
menjanjikan tanggal kirim.
Guardrail
Maaf, itu di luar hal yang bisa saya bantu.
Kalau soal kopi atau pesanan Kopi Rakyat,
silakan tanya, atau hubungi kami di WhatsApp.

Contoh di atas ditulis untuk ilustrasi. Isi milikmu sendiri lewat halaman detail situs.

Baru

Widget langsung senada dengan situsmu

Warna merek, mode gelap, font, dan sudut tombol dibaca dari desain situsmu, lalu dipasang ke widget. Teks bot, posisi, dan daftar domainmu tidak ikut diubah, dan perubahan tampilannya bisa dibatalkan satu langkah.

  1. Lewat AI agent (MCP)

    Untuk situs yang kodenya kamu pegang. Claude Code, Cursor, atau agent lain yang mendukung MCP membaca DESIGN.md dan CSS di repo-mu, lalu menyamakan widget.

  2. Tanpa kode: pindai situs

    Untuk Wix, Shopify, WordPress, atau builder lain. Tekan Pindai situs di dashboard, cek perbandingan sebelum dan sesudahnya, lalu terapkan.

Ada di semua paket, termasuk Gratis.

DESIGN.md situsmu
Warna merek
#7a4a2a
Mode
terang + gelap
Font
Inter
Sudut tombol
8px
Pasang di Claude Code
claude mcp add --transport http inwebchatbot https://chatbot.inwebsite.online/api/mcp --header "Authorization: Bearer iwcb_…"

Contoh dengan bisnis fiktif. Token aksesnya kamu buat sendiri di halaman Pengaturan situs.

Harga yang ikut ukuran situsmu

Rincian lengkap

Gratis

Rp0 /bulan

Buat nyoba dulu di satu situs.

  • 1 situs
  • 100 balasan AI / bulan
  • Riwayat chat 7 hari
Mulai gratis

Starter

Rp149.000 /bulan

atau ≈Rp117.000/bln kalau bayar tahunan

Buat UMKM yang mulai melayani pengunjung dengan chatbot.

  • 1 situs
  • 3.000 balasan AI / bulan
  • Riwayat chat 30 hari
Langganan Starter

Pro

Direkomendasikan

Rp320.000 /bulan

atau ≈Rp250.000/bln kalau bayar tahunan

Buat bisnis yang menjalankan chatbot di beberapa situs.

  • Hingga 3 situs
  • 15.000 balasan AI / bulan, dipakai bersama semua situs
  • Riwayat chat 90 hari
Langganan Pro

Studio

Rp1.000.000 /bulan

atau ≈Rp800.000/bln kalau bayar tahunan

Buat freelancer dan agensi yang memasang chatbot di situs klien.

  • Hingga 50 situs
  • 50.000 balasan AI / bulan, dipakai bersama semua situs
  • Riwayat chat tanpa batas waktu
Langganan Studio

Butuh lebih dari 50 situs? Lihat semua pilihan. Harga belum termasuk PPN.

Cara menjalankannya dengan benar

Semua artikel

Pertanyaan yang sering masuk

Bot-nya bisa ngarang jawaban nggak?

Jawabannya disusun dari potongan konten situsmu yang paling relevan, dan bot diinstruksikan untuk mengaku tidak tahu kalau bahannya tidak ada. Pertanyaan yang jelas di luar topik dibalas dengan kalimat guardrail yang kamu tulis sendiri. Model AI tetap bisa keliru, jadi uji dulu jawabannya di preview layar Widget sebelum widget tayang.

Situs saya React atau Next.js yang render di browser, bisa?

Bisa, selama isi halamannya ikut terkirim sebagai HTML. Kalau teksnya baru muncul setelah JavaScript jalan, aktifkan server-side rendering atau sediakan versi statis dan arahkan sitemap ke situ.

Kalau konten situs berubah, apa yang harus dilakukan?

Tekan Periksa di halaman Knowledge base: situsmu dibaca ulang dan hasilnya bisa kamu cek dulu, lalu tekan Terapkan supaya chatbot memakai isi yang baru. Di paket Pro dan Studio, knowledge base juga diperbarui otomatis tiap minggu; Gratis dan Starter diperbarui manual.

Bisa disamakan dengan desain situsku?

Bisa, di semua paket. Kalau kode situsnya kamu pegang, hubungkan AI agent seperti Claude Code atau Cursor lewat MCP dari halaman Pengaturan situs, lalu minta agent menyamakan widget: dia membaca DESIGN.md dan CSS di repo-mu. Kalau situsnya dibuat di Wix, Shopify, atau WordPress, tekan Pindai situs di halaman yang sama dan cek perbandingannya sebelum diterapkan. Yang disamakan warna, tema, font, dan sudut widget, dan perubahannya bisa dibatalkan.

Berapa lama sampai chatbotnya siap?

Pendaftaran dan pengaturan tampilan biasanya di bawah lima menit. Proses membaca isi situs jalan di belakang layar, lamanya tergantung jumlah halaman di sitemap.

Datanya disimpan di mana?

Konten situs, konfigurasi, dan riwayat chat disimpan di MongoDB Atlas. Akun pelanggan lain tidak bisa melihat situsmu, dan setelah daftar domain diisi, chatbot hanya menjawab di domain yang kamu izinkan. Teks situs dan pertanyaan pengunjung diproses penyedia model AI pihak ketiga (antara lain Google Gemini dan Jina) untuk menyusun jawaban.

Pasang chatbotnya hari ini

Daftar, masukkan sitemap situsmu, dan uji jawabannya di preview widget sebelum pengunjung melihatnya.

Situsmu
Biasanya balas dalam beberapa detik
  1. Situsmu: Halo! Saya asisten virtual situsmu. Ada yang bisa saya bantu?

Warna, tema, dan posisinya kamu atur dari dashboard.