Chat

Sabtu, 06 Desember 2025

Home » » TUTORIAL LENGKAP MEMBUAT CHATBOT DENGAN CHATBASE

TUTORIAL LENGKAP MEMBUAT CHATBOT DENGAN CHATBASE

 



1. APA ITU CHATBASE?

Chatbase adalah platform pembuat chatbot AI yang berbasis OpenAI GPT, memungkinkan Anda membuat chatbot dari PDF, text, website, atau dokumen tanpa coding.

Anda bisa memasang chatbot di:

  • Website

  • Blogspot

  • WordPress

  • Google Sites

  • Aplikasi berbasis WebView

  • WhatsApp (versi berbayar)

2. PERSIAPAN

Sebelum membuat chatbot, siapkan:

✔ Akun Chatbase → https://www.chatbase.co
✔ Dokumen atau materi yang ingin dijadikan sumber chatbot (PDF/teks/url)
✔ Email yang aktif

3. CARA DAFTAR CHATBASE

  1. Buka: https://www.chatbase.co

  2. Klik Sign Up

  3. Pilih metode login:

    • Google Account (paling mudah)

    • Email dan password

  4. Masuk ke dashboard.

4. MEMBUAT CHATBOT PERTAMA

❗Langkah-langkah:

(1) Klik “Create New Chatbot”

Biasanya tombolnya ada di:

Dashboard → Create Chatbot

(2) Isi detail chatbot

Anda akan diminta beberapa informasi:

  • Chatbot Name → Nama bot

  • Language → Pilih Bahasa Indonesia

  • Model → GPT-4o mini / GPT-4o (tergantung paket)

5. MEMASUKKAN DATA (TRAINING DATA)

Chatbase menyediakan tiga sumber data:

Metode A: Upload Dokumen (PDF, TXT, DOCX)

  1. Klik tab Files

  2. Klik Upload file

  3. Masukkan dokumen Anda

  4. Tunggu proses upload

  5. Chatbase akan menganalisis isi dokumen

📌 Tips:
• Jika file PDF banyak gambar, lebih baik konversi dulu ke PDF text-based supaya cepat terbaca.
• Pastikan total isi file tidak melebihi batas plan.

Metode B: Copy–paste Text (Manual Data)

  1. Klik tab Text

  2. Tempelkan teks panjang

  3. Klik Save

Ini berguna untuk FAQ, SOP, pedoman, atau teks panjang lainnya.

Metode C: Crawling Website (Auto-read Website)

  1. Klik tab Website

  2. Masukkan URL website

  3. Klik Fetch Website

  4. Pilih halaman yang ingin dimasukkan

6. PENGATURAN PERILAKU CHATBOT

Masuk ke tab Chatbot Settings.

A. Personality / Style

Anda bisa mengatur gaya bicara:

  • Formal

  • Ramah

  • Singkat

  • Detail

  • Sesuai SOP

Contoh prompt:

“Jawab pertanyaan dengan bahasa Indonesia yang formal dan ramah, berdasarkan data yang saya unggah. Jika tidak ada di data, jawab singkat berdasarkan pengetahuan umum.”

B. Keterbatasan Jawaban

Aktifkan:

  • Restrict Bot to your dataset (opsional)
    Agar bot hanya menjawab berdasarkan dokumen.

C. Prompt Tambahan

Anda dapat menulis System Prompt:

“Anda adalah chatbot layanan informasi sekolah. Jawab hanya berdasarkan data yang telah diunggah. Jika user bertanya hal di luar data, jawab: ‘Maaf, informasi tersebut belum tersedia.’”

7. MENGUJI CHATBOT

Masuk ke tab Test Chatbot.

Di sini Anda dapat:

  • Menguji pertanyaan pengguna

  • Melihat apakah bot membaca data

  • Memperbaiki prompt jika jawaban kurang tepat

8. INTEGRASI CHATBOT KE WEBSITE

Chatbase memberikan beberapa opsi:

A. Pasang Widget Chat (Popup) di Website

  1. Masuk ke tab Embed

  2. Pilih Chat Widget

  3. Copy script berikut:

<script>
  window.chatbaseConfig = {
    chatbotId: "ID_CHATBOT_ANDA",
  };
</script>
<script src="https://www.chatbase.co/embed.min.js" id="chatbase-script" defer></script>

  1. Tempelkan di:

  • Blogspot → Tema → Edit HTML → sebelum </body>

  • WordPress → Appearance → Theme File Editor → footer.php

  • HTML manual → sebelum </body>

  • Google Sites → Embed → Code → paste

B. Chatbot dalam Iframe (Full Page)

  1. Masuk ke Embed

  2. Pilih Full Page Chatbot

  3. Copy code:

<iframe
  src="https://www.chatbase.co/chatbot-iframe/ID_CHATBOT_ANDA"
  style="width: 100%; height: 700px; border: none;"
></iframe>

9. INTEGRASI CHATBOT KE WHATSAPP (BERBAYAR)

  1. Masuk ke menu Integrations

  2. Pilih WhatsApp

  3. Anda akan diarahkan untuk:

    • Membuat nomor WhatsApp API (Meta)

    • Menghubungkan Chatbase dengan WhatsApp Cloud API

    • Menentukan welcome message

  4. Setelah proses selesai, chatbot Anda aktif di WhatsApp

Biaya:

  • Chatbase Plan (Pro)

  • WhatsApp per-chat dari Meta

10. FITUR-FITUR TAMBAHAN YANG PENTING

✔ Analytics

Melihat statistik penggunaan chatbot:

  • Jumlah percakapan

  • Sumber pertanyaan

  • Pertanyaan tanpa jawaban

✔ File Manager

Memungkinkan Anda memperbarui dokumen.

✔ Training History

Melihat apa saja dataset yang dibaca bot.

✔ API Access

Anda bisa membuat chatbot versi aplikasi sendiri via API.

11. MEMPERBAIKI AKURASI CHATBOT

Agar chatbot makin pintar, lakukan langkah berikut:

1. Rapikan Dokumen

Gunakan format:

  • Heading jelas (H1 – H2 – H3)

  • Bullet point

  • Tabel informasi

2. Buat Prompt yang Jelas

Contoh:

“Gunakan bahasa yang sopan, ringkas, dan menjawab langsung. Prioritaskan sumber dari file.”

3. Tambah Data FAQ

Masukkan data yang sering ditanyakan pengguna.

4. Terapkan Restrict Dataset

Agar bot tidak berhalusinasi.

12. CARA MEMASANG CHATBOT DI BLOGSPOT (DETAIL)

  1. Masuk Blogger

  2. Dashboard → Tema → Edit HTML

  3. Scroll ke bawah

  4. Tempel kode di atas </body>

  5. Simpan

  6. Buka blog Anda untuk melihat tombol chatbot

13. CONTOH KODE FULL UNTUK BLOGSPOT

<!-- Chatbase AI Chatbot -->
<script>
  window.chatbaseConfig = {
    chatbotId: "GANTI_DENGAN_ID_CHATBOT",
    domain: "www.chatbase.co"
  };
</script>
<script src="https://www.chatbase.co/embed.min.js" id="chatbase-script" defer></script>

14. TANYA JAWAB

❓ Apakah Chatbase gratis?

Ada versi free, tapi memiliki batas percakapan & file kecil.

❓ Bisa dipasang di WhatsApp?

Bisa, tapi hanya untuk paket berbayar.

❓ Bisa dipasang di Blogspot?

YA — ini salah satu platform paling mudah