Cara Menambahkan Chatbot AI Asyntai ke Joomla

Panduan langkah demi langkah untuk situs web Joomla

Platform:

Langkah 1: Dapatkan Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Tambahkan Kode Menggunakan Modul HTML Kustom (Disarankan)

Cara termudah untuk menambahkan chatbot ke semua halaman adalah menggunakan modul HTML Kustom:

Masuk ke panel Joomla Administrator Anda
Buka Content → Site Modules
Klik "New" untuk membuat modul baru
Pilih "Custom" (modul HTML Kustom)
Enter a title like "Asyntai Chatbot" (you can hide this later)
Klik tombol "Toggle Editor" untuk beralih ke mode HTML mentah
Tempel kode embed Asyntai Anda
Di field "Position", pilih posisi footer (misalnya, "footer" atau "debug")
Atur "Show Title" ke "Hide\
Di tab "Menu Assignment", pilih "On all pages\
Klik "Save & Close"

Tips: Jika kode Anda terhapus, buka System → Global Configuration → Site dan sementara atur Default Editor ke "None", tambahkan kode Anda, lalu kembalikan.

Alternatif: Edit File Template

Anda dapat menambahkan kode langsung ke file index.php template Anda:

Buka System → Site Templates
Klik pada nama template aktif Anda
Temukan dan klik pada "index.php" di daftar file
Gulir ke bawah untuk menemukan tag penutup </body>
Tempel kode embed Asyntai Anda tepat sebelum tag </body>
Klik "Save"

Penting: Perubahan pada file template akan hilang saat Anda memperbarui template. Pertimbangkan untuk menggunakan child template atau metode modul HTML Kustom untuk solusi yang lebih permanen.

Alternatif: Menggunakan Ekstensi

Anda juga dapat menggunakan ekstensi gratis untuk menambahkan skrip kustom:

Buka Direktori Ekstensi Joomla
Unduh ekstensi "Add Custom Javascript"
Di admin Joomla Anda, buka System → Install → Extensions
Unggah dan instal ekstensi
Buka Components → Add Custom Javascript
Tambahkan kode embed Asyntai Anda
Konfigurasikan agar dimuat di semua halaman

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, kunjungi situs web Anda di tab browser baru atau jendela penyamaran. Anda akan melihat tombol widget obrolan di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.