Cara Menambahkan Chatbot AI Asyntai ke Situs Web yang Dihosting di Plesk

Panduan langkah demi langkah untuk situs web yang dihosting di Plesk

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: Identifikasi Jenis Situs Web Anda

Metode instalasi tergantung pada platform yang digunakan situs web Anda. Plesk adalah panel kontrol hosting yang dapat menampung berbagai jenis situs web:

WordPress/Joomla/Drupal: Jika situs Anda menggunakan CMS, lihat panduan khusus kami untuk platform tersebut (WordPress, Joomla, Drupal).

Untuk Situs Web HTML Statis

Jika Anda memiliki situs web HTML statis yang dihosting di Plesk, gunakan File Manager untuk mengedit file HTML Anda:

Metode 1: Menggunakan Plesk File Manager

Masuk ke Panel Kontrol Plesk Anda
Navigasi ke Websites & Domains
Klik pada File Manager
Navigasi ke direktori root situs web Anda (biasanya httpdocs atau public_html)
Temukan file HTML utama Anda (biasanya index.html atau index.php)
Klik pada nama file untuk membuka menu editor
Pilih Code Editor untuk penyorotan sintaks HTML
Gulir untuk menemukan tag penutup </body>
Tempel kode embed Asyntai Anda tepat sebelum tag </body>
Klik "Save" atau "OK"
Ulangi untuk halaman HTML lainnya jika diperlukan

Tip: Plesk File Manager menawarkan beberapa editor: Code Editor (dengan penyorotan sintaks), HTML Editor (WYSIWYG), dan Text Editor. Gunakan Code Editor untuk hasil terbaik saat mengedit file HTML.

Metode 2: Menggunakan Akses FTP

Di Plesk, buka Websites & Domains
Temukan bagian FTP Access
Catat kredensial FTP Anda atau buat akun FTP baru
Gunakan klien FTP seperti FileZilla untuk terhubung ke server Anda
Navigasi ke direktori situs web Anda (httpdocs)
Unduh file HTML yang ingin Anda edit
Tambahkan kode embed Asyntai Anda sebelum tag </body>
Unggah file yang telah dimodifikasi kembali ke server

Untuk Situs Web Berbasis PHP

Jika situs web Anda menggunakan template atau include PHP:

Di Plesk File Manager, navigasi ke file template atau include Anda
Temukan file template footer (biasanya footer.php, footer.inc.php, atau template.php)
Buka dengan Code Editor
Tambahkan kode embed Asyntai Anda sebelum tag </body>
Simpan file

Catatan: Dengan mengedit template footer, chatbot akan otomatis muncul di semua halaman yang menggunakan template tersebut.

Membuat Cadangan

Sebelum membuat perubahan, disarankan untuk membuat cadangan:

Di Plesk, buka Websites & Domains
Klik pada Backup Manager
Buat cadangan lengkap situs web Anda
Simpan dengan aman sebelum membuat perubahan apa pun

Penting: Selalu uji perubahan Anda di lingkungan staging terlebih dahulu jika tersedia. Pastikan untuk mencadangkan file Anda sebelum mengedit untuk menghindari kehilangan data.

Langkah 3: Verifikasi Instalasi

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

Tidak melihat widget? Bersihkan cache browser Anda dan caching sisi server apa pun di Plesk. Periksa konsol browser (F12) untuk kesalahan JavaScript. Verifikasi file tersimpan dengan benar dengan melihatnya kembali di File Manager.

Dokumentasi