Sematkan chatbot AI di situs web Anda
Latih pada dokumen Anda, tempel satu tag skrip, dan chatbot AI yang sepenuhnya fungsional muncul di situs web mana pun, gratis untuk memulai, tanpa kartu kredit, tanpa pengembang yang diperlukan.
Cara kerjanya
Unggah PDF, dokumen Word, file teks, atau halaman HTML. AI Anda membacanya dan menjawab pertanyaan dari konten Anda, sehingga pengunjung mendapat jawaban tentang bisnis Anda, bukan tebakan dari internet.
Buka Web Chat di aplikasi RagmyAI. Tag skrip yang dipersonalisasi Anda sudah menunggu: satu baris dengan ID chatbot Anda yang sudah diisi. Salin.
Tempel tag ke HTML situs Anda. Peluncur obrolan mengambang muncul seketika: di WordPress, Shopify, Squarespace, Webflow, atau situs kustom mana pun.
Tiga cara untuk menyematkan
Opsi 1 · Direkomendasikan
Menempatkan tombol obrolan di sudut kanan bawah halaman mana pun. Pengunjung mengkliknya, jendela terbuka, dan mereka berbicara dengan AI Anda tanpa meninggalkan halaman. Tidak ada perubahan tata letak yang diperlukan.
<script
src="https://chat.ragmyai.com/chat-widget.min.js"
data-page-id="YOUR_CHATBOT_ID">
</script>
Opsi 2
Tempatkan chatbot di lokasi tepat di badan halaman: di dalam bilah sisi, bagian bantuan, atau modal. Anda mengontrol dimensinya; chatbot mengisinya.
<iframe
src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
allow="microphone"
width="300"
height="400">
</iframe>
Opsi 3
Setiap chatbot mendapatkan URL yang dapat dibagikan. Kirim melalui email, kode QR, pesan Slack, atau halaman Notion. Siapa pun dengan tautan mendapatkan antarmuka obrolan layar penuh, tidak perlu penyematan.
https://chat.ragmyai.com/YOUR_CHATBOT_ID
Sesuaikan sesukamu
Tag skrip tidak satu ukuran untuk semua. Atur ukuran jendela chat, ganti ikon tombol, dan pilih bentuk serta warna sendiri, semuanya lewat atribut di baris kode yang sama.
widget-width, widget-heightbutton-width, button-heightbutton-border-radiusbutton-background-colorbutton-image-urlbutton-image-width, button-image-height<script
data-page-id="YOUR_CHATBOT_ID"
src="https://chat.ragmyai.com/chat-widget.min.js"
widget-width="400px"
widget-height="600px"
button-image-url="https://ragmyai.com/assets/logo-icon.png"
button-image-height="48px"
button-image-width="48px"
button-height="64px"
button-width="64px"
button-border-radius="20%"
button-background-color="#1F4FD8">
</script>Jika Anda melewatkan atribut apa pun, tampilan bawaan akan digunakan, jadi Anda hanya perlu mengatur yang ingin diubah.
Langkah demi langkah
Salin tag script Anda dari Web Chat > Script Tag di aplikasi RagmyAI, lalu tempelkan di tempat yang tepat untuk platform Anda. Beberapa platform hanya mengizinkan kode kustom pada paket berbayar.
Pasang plugin kode header dan footer (misalnya WPCode) dan tempelkan tag script di bagian footer, atau tambahkan ke footer.php tema Anda tepat sebelum </body>.
Buka Online Store > Themes > Edit code, buka theme.liquid lalu tempelkan tag script tepat sebelum </body>. Simpan, dan tombol chat muncul di setiap halaman.
Buka Settings > Custom Code, tambahkan tag script, muat di semua halaman dan letakkan di Body - end.
Buka Code Injection di pengaturan situs Anda dan tempelkan tag script ke kotak Footer.
Buka Site settings > Custom code, tempelkan tag script ke Footer code, lalu publikasikan situs Anda.
Google Sites tidak menjalankan tag script, jadi gunakan iframe: Insert > Embed > Embed code, tempelkan iframe dan sesuaikan ukuran kotaknya.
Platform Anda tidak ada? Jika situs Anda mengizinkan HTML, tempelkan tag script sebelum </body>. Jika hanya mengizinkan sematan, gunakan iframe atau bagikan tautan publik chatbot Anda.
Setelah tayang
Setelah chatbot Anda tayang, Web Chat > Notifikasi mencatat setiap pertukaran yang dilakukan pengunjung. Baca transkrip mana pun dan ketuk Latih Ulang pada jawaban yang meleset, ini membuka editor pelatihan dengan pertukaran tersebut yang sudah dimuat sehingga Anda bisa mengoreksinya dalam konteks.
Ini adalah cara tercepat untuk meningkatkan kualitas jawaban: pertanyaan nyata dari pengunjung nyata, dikoreksi satu per satu, masing-masing membuat jawaban berikutnya lebih tajam.
Kasus penggunaan
Latih pada katalog produk, kebijakan pengembalian, dan FAQ Anda. Jawab pertanyaan pelanggan pukul 3 pagi tanpa menyewa dukungan semalam. Latih ulang dari pertanyaan pembeli nyata setiap minggu.
Unggah catatan kuliah, silabus, dan daftar bacaan. Pelajar mendapatkan tutor yang tersedia sepanjang waktu yang hanya menjawab dari materi kursus, bukan dari sumber internet acak.
Ganti dokumen bantuan statis dengan chatbot yang dilatih padanya. Pengunjung mengajukan pertanyaan dalam bahasa alami alih-alih mencari. Setiap pertanyaan yang tidak terjawab menunjukkan celah yang perlu diisi.
"Aplikasi yang dikembangkan dengan sangat baik, mudah digunakan dan sangat intuitif. Sangat direkomendasikan."
"Aplikasi terbaik. Membantu saya dalam tugas sekolah dan apa pun yang ingin saya ketahui. Terima kasih kepada pemilik aplikasi."
Pertanyaan umum
Ya. Paket gratis memungkinkan Anda menyematkan chatbot tanpa kartu kredit. Widget, URL publik, dan iframe semuanya tersedia di tingkat gratis.
Tidak. Penyematan hanya memerlukan satu kali salin-tempel. Anda mendapatkan tag skrip dari aplikasi RagmyAI: tempelkan sebelum tag </body> penutup di halaman mana pun. Itu saja.
Platform apa pun yang memungkinkan Anda menambahkan HTML: WordPress, Shopify, Squarespace, Webflow, Wix, dan situs dengan kode kustom. Jika Anda bisa menempel tag skrip, chatbot berfungsi.
Ya. Setiap percakapan dicatat di bawah Web Chat > Notifikasi. Anda bisa membaca transkrip lengkap dan melatih ulang jawaban langsung dari pertukaran mana pun.
Chatbot umum hanya menjawab dari apa yang dipelajari di internet, sehingga bisa keluar topik atau mengarang hal tentang bisnis Anda. Chatbot RagmyAI dilatih dengan halaman situs web dan dokumen Anda sendiri, lalu menjawab pengunjung dari konten tersebut. Sebelum Anda melatihnya, chatbot menjawab dengan pengetahuan umum, jadi tambahkan konten Anda terlebih dahulu.
Sign up for RagmyAI free, no credit card needed. Upload a document, go to Web Chat > Script Tag, copy the one-line code, and paste it before </body> on any page. Your chatbot goes live instantly. The embed feature is free forever with no monthly message cap.
Ya. Tag skrip menerima atribut opsional untuk ukuran jendela, ukuran dan bentuk tombol, warna tombol, dan gambar ikon kustom. Tambahkan hanya yang Anda inginkan, sisanya tetap menggunakan tampilan bawaan.
Buat chatbot gratis di RagmyAI dan latih dengan tautan situs web atau dokumen Anda. Lalu salin tag script dari Web Chat > Script Tag di aplikasi dan tempelkan sebelum tag penutup </body>. Tombol chat akan muncul di setiap halaman yang memiliki kode tersebut.
Hanya satu tag script: <script data-page-id="your-page-id" src="https://chat.ragmyai.com/chat-widget.min.js"></script>. Aplikasi mengisi ID halaman Anda secara otomatis, jadi Anda cukup menyalin dan menempel.
Bisa. Gunakan iframe jika Anda ingin chat tampil di dalam halaman, misalnya di sidebar atau halaman bantuan: <iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>. Salin kode yang tepat dari aplikasi.
Tampilan dan cara kerjanya seperti widget live chat, tetapi AI yang menjawab pengunjung Anda secara instan, 24/7, dari konten Anda sendiri. Anda bisa membaca setiap percakapan di aplikasi dan memperbaiki jawaban apa pun dengan melatihnya ulang.
Paket gratis selamanya. Tanpa kartu kredit. Latih pada satu PDF, sematkan dalam 60 detik.
Mulai gratis, sematkan hari iniIngin panduan teknis lengkap? Baca panduan penyematan →