Benam AI chatbot di laman web anda

AI chatbot terlatih anda.
Di laman web anda.
Dalam satu baris kod.

Latihnya dengan dokumen anda, tampal satu skrip tag, dan chatbot AI yang berfungsi sepenuhnya muncul di mana-mana laman web, percuma untuk bermula, tanpa kad kredit, tanpa pembangun diperlukan.

Cara ia berfungsi

Dari dokumen ke chatbot langsung dalam tiga langkah.

1

Latih pada dokumen anda

Muat naik PDF, dokumen Word, fail teks atau halaman HTML. AI Anda membacanya dan menjawab soalan daripada kandungan Anda, jadi pelawat mendapat jawapan tentang perniagaan Anda dan bukannya tekaan dari internet.

2

Salin kod benam anda

Buka Web Chat dalam aplikasi RagmyAI. Skrip tag peribadi anda sudah menunggu: satu baris dengan ID chatbot anda sudah diisi. Salinnya.

3

Tampal sebelum </body>

Tampal tag ke HTML laman web anda. Pelancaran chat terapung muncul serta-merta: di WordPress, Shopify, Squarespace, Webflow, atau mana-mana laman tersuai.

Tiga cara untuk benam

Pilih format yang sesuai dengan laman web anda.

Pilihan 1 · Disyorkan

Skrip tag: pelancaran terapung

Menjatuhkan butang chat di sudut kanan bawah mana-mana halaman. Pelawat mengkliknya, tetingkap terbuka, dan mereka bercakap dengan AI anda tanpa meninggalkan halaman. Tiada perubahan susun atur diperlukan.

  • Berfungsi di setiap laman web yang menerima HTML
  • Terbaik untuk: halaman produk, e-dagang, laman sokongan
  • Tiada konflik CSS: widget berdikari
<script
  src="https://chat.ragmyai.com/chat-widget.min.js"
  data-page-id="YOUR_CHATBOT_ID">
</script>
RagmyAI embedded chatbot widget on a website

Pilihan 2

Iframe: penempatan sebaris

Letakkan chatbot di lokasi tepat dalam badan halaman anda: di dalam bar sisi, bahagian bantuan, atau modal. Anda mengawal dimensi; chatbot mengisinya.

  • Kawalan penuh ke atas lebar dan tinggi
  • Terbaik untuk: pangkalan pengetahuan, pusat bantuan, papan pemuka
  • Benam di dalam Notion, Coda, dan alat serupa
<iframe
  src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
  allow="microphone"
  width="300"
  height="400">
</iframe>
RagmyAI chatbot embedded inline in a website page

Pilihan 3

URL awam: tanpa kod langsung

Setiap chatbot mendapat URL boleh dikongsi. Hantarnya dalam e-mel, kod QR, mesej Slack, atau halaman Notion. Sesiapa yang mempunyai pautan mendapat antara muka chat halaman penuh, tiada benam diperlukan.

  • Tiada persediaan: hanya salin dan kongsi pautan
  • Terbaik untuk: alat dalaman, penyerahan pelanggan, prototaip
  • Berfungsi sebagai kod QR untuk bahan luar talian
https://chat.ragmyai.com/YOUR_CHATBOT_ID
RagmyAI chatbot public URL full-page interface

Jadikan ia milik anda

Padankan widget dengan jenama anda.

Skrip tag bukan satu saiz untuk semua. Tetapkan saiz tetingkap chat, tukar ikon butang, dan pilih bentuk serta warna anda sendiri, semuanya melalui atribut pada baris kod yang sama.

Atribut yang boleh anda tetapkan

widget-width, widget-height
Saiz tetingkap chat apabila ia dibuka.
button-width, button-height
Saiz butang pelancar itu sendiri.
button-border-radius
Bentuk butang, dari segi empat sehingga bulat sepenuhnya.
button-background-color
Warna butang, dalam sebarang kod hex.
button-image-url
Ikon atau logo anda sendiri, bukan lalai.
button-image-width, button-image-height
Saiz ikon itu di dalam butang.
<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 tinggalkan mana-mana atribut, rupa lalai akan digunakan, jadi anda hanya perlu tetapkan apa yang anda mahu ubah.

Langkah demi langkah

Di mana untuk menampal kod benam chat di laman web anda.

Salin tag script anda dari Web Chat > Script Tag dalam aplikasi RagmyAI, kemudian tampal di tempat yang betul untuk platform anda. Sesetengah platform hanya membenarkan kod tersuai pada pelan berbayar.

WordPress

Pasang plugin kod header dan footer (contohnya WPCode) dan tampal tag script di bahagian footer, atau tambahkannya ke footer.php tema anda betul-betul sebelum </body>.

Shopify

Pergi ke Online Store > Themes > Edit code, buka theme.liquid dan tampal tag script betul-betul sebelum </body>. Simpan, dan butang chat akan muncul di setiap halaman.

Wix

Pergi ke Settings > Custom Code, tambah tag script, muatkan pada semua halaman dan letakkan di Body - end.

Squarespace

Buka Code Injection dalam tetapan laman anda dan tampal tag script ke dalam kotak Footer.

Webflow

Buka Site settings > Custom code, tampal tag script ke dalam Footer code, kemudian terbitkan laman anda.

Google Sites

Google Sites tidak menjalankan tag script, jadi gunakan iframe: Insert > Embed > Embed code, tampal iframe dan ubah saiz kotak.

Platform anda tiada dalam senarai? Jika laman anda membenarkan HTML, tampal tag script sebelum </body>. Jika hanya membenarkan benaman, gunakan iframe atau kongsi pautan awam chatbot anda.

Selepas anda pergi langsung

Pantau setiap perbualan. Latih semula dari soalan pelawat sebenar.

Sebaik chatbot anda langsung, Web Chat > Pemberitahuan merekodkan setiap pertukaran yang dilakukan pelawat. Baca mana-mana transkrip dan ketik Latih Semula pada mana-mana jawapan yang meleset, ia membuka editor latihan dengan pertukaran itu pra-dimuat supaya anda boleh membetulkannya dalam konteks.

Ini adalah cara terpantas untuk meningkatkan kualiti jawapan: soalan sebenar dari pelawat sebenar, dibetulkan satu demi satu, setiap satunya mempertajam jawapan seterusnya.

  • Transkrip penuh untuk setiap sesi pelawat
  • Latih semula satu ketik dari mana-mana perbualan
  • Pemberitahuan penggunaan masa nyata
Monitor and retrain embedded chatbot conversations

Kes penggunaan

Apa yang orang benamnya.

Kedai e-dagang & Shopify

Latih pada katalog produk, polisi pulangan, dan Soal Jawab anda. Jawab soalan pelanggan pada pukul 3 pagi tanpa mengupah sokongan semalaman. Latih semula dari soalan pembeli sebenar setiap minggu.

  • Cadangan produk dari katalog
  • Jawapan pulangan & penghantaran segera
  • 24/7 tanpa mengupah kakitangan tambahan

Universiti & kursus dalam talian

Muat naik nota kuliah, silabi, dan senarai bacaan. Pelajar mendapat tutor yang tersedia sepanjang masa yang menjawab hanya dari bahan kursus, bukan dari sumber internet rawak.

  • Jawapan khusus kursus sahaja
  • Mengurangkan soalan berulang kepada pensyarah
  • Berfungsi dalam 78 bahasa

SaaS & dokumentasi produk

Gantikan dokumen bantuan statik dengan chatbot yang dilatih padanya. Pelawat bertanya soalan dalam bahasa semulajadi bukannya mencari. Setiap soalan yang tidak dijawab menunjukkan jurang untuk diisi.

  • Menggantikan carian kata kunci dalam dokumen
  • Mendedahkan jurang dokumentasi
  • Benam terus dalam aplikasi anda

"Aplikasi yang dibangunkan dengan cemerlang, mudah digunakan dan sangat intuitif. Sangat disyorkan."

Jay D, RagmyAI power user
Jay D
Pengguna kuasa · Ulasan Google Play

"Aplikasi terbaik. Ia membantu saya dalam kerja sekolah dan apa sahaja yang ingin saya tahu. Terima kasih kepada pemilik aplikasi."

James Carter, Student
James Carter
Pelajar · Ulasan Google Play

Soalan biasa

Soal Jawab chatbot terbenam.

Adakah percuma untuk membenamkan chatbot RagmyAI di laman web saya?

Ya. Pelan percuma membenarkan anda membenamkan chatbot tanpa kad kredit diperlukan. Widget, URL awam, dan iframe semuanya tersedia pada peringkat percuma.

Adakah saya perlu tahu cara mengekod?

Tidak. Membenam mengambil satu salin-tampal. Anda mendapat skrip tag dari aplikasi RagmyAI: tampalnya sebelum tag penutup </body> pada mana-mana halaman. Itu sahaja.

Platform laman web mana yang berfungsi?

Mana-mana platform yang membenarkan anda menambah HTML: WordPress, Shopify, Squarespace, Webflow, Wix, dan laman berkod tersuai. Jika anda boleh menampal skrip tag, chatbot berfungsi.

Bolehkah saya melihat apa yang ditanya pelawat kepada chatbot saya?

Ya. Setiap perbualan direkodkan di bawah Web Chat > Pemberitahuan. Anda boleh membaca transkrip penuh dan melatih semula jawapan terus dari mana-mana pertukaran.

Apa bezanya dengan widget chatbot AI generik?

Chatbot biasa hanya menjawab berdasarkan apa yang dipelajari di internet, jadi ia boleh lari topik atau mereka-reka maklumat tentang perniagaan Anda. Chatbot RagmyAI dilatih dengan halaman laman web dan dokumen Anda sendiri, lalu menjawab pelawat berdasarkan kandungan itu. Sebelum Anda melatihnya, ia menjawab dengan pengetahuan am, jadi tambah kandungan Anda dahulu.

Bolehkah saya menukar warna, saiz, atau ikon widget?

Ya. Skrip tag menerima atribut pilihan untuk saiz tetingkap, saiz dan bentuk butang, warna butang, dan imej ikon tersuai. Tambah hanya yang anda mahu, selebihnya kekal dengan rupa lalai.

Bagaimana cara menambah chatbot ke laman web saya?

Cipta chatbot percuma di RagmyAI dan latih ia dengan pautan laman web atau dokumen Anda. Kemudian salin tag script dari Web Chat > Script Tag dalam aplikasi dan tampal sebelum tag penutup </body>. Butang sembang akan muncul pada setiap halaman yang mempunyai kod tersebut.

Bagaimana rupa kod benam chatbot?

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 automatik, jadi Anda hanya perlu salin dan tampal.

Bolehkah saya membenamkan chatbot dengan iframe?

Boleh. Gunakan iframe jika Anda mahu sembang dipaparkan dalam halaman, contohnya di bar sisi atau halaman bantuan: <iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>. Salin kod yang tepat daripada aplikasi.

Adakah ia berfungsi seperti widget sembang langsung?

Ia kelihatan dan berfungsi seperti widget sembang langsung, tetapi AI menjawab pelawat Anda serta-merta, 24/7, berdasarkan kandungan Anda sendiri. Anda boleh membaca setiap perbualan dalam aplikasi dan menambah baik sebarang jawapan dengan melatihnya semula.

Chatbot laman web anda
hanya satu tampal sahaja.

Pelan percuma selamanya. Tanpa kad kredit. Latih pada satu PDF, benam dalam 60 saat.

Mula percuma, benam hari ini

Mahukan panduan teknikal penuh? Baca panduan benam →