Cara Menambah Chatbot AI Asyntai ke WordPress

Panduan langkah demi langkah untuk laman web WordPress

Platform:

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Embed Code". Salin kod benam unik anda yang akan kelihatan seperti ini:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Nota: Kod di atas hanyalah contoh. Anda mesti menyalin kod benam unik anda sendiri dari Papan Pemuka anda kerana ia mengandungi ID widget peribadi anda.

Langkah 2: Pilih Kaedah Pemasangan

Terdapat beberapa cara untuk menambah widget sembang ke WordPress. Pilih kaedah yang paling sesuai untuk anda:

Kaedah 1: Menggunakan Plugin (Disyorkan)

Cara paling mudah untuk menambah widget sembang ialah dengan plugin percuma "WPCode" (dahulunya dikenali sebagai "Insert Headers and Footers").

Menggunakan WPCode (Percuma)

Pergi ke Plugins → Add Plugin dalam admin WordPress anda
Cari "WPCode" dan pasangkannya
Aktifkan plugin
Pergi ke Code Snippets → Header & Footer
Tampalkan kod benam Asyntai anda dalam bahagian "Footer"
Klik "Save Changes"

Mengapa menggunakan plugin? Menggunakan plugin memastikan kod anda kekal di tempatnya walaupun anda mengemas kini atau menukar tema WordPress anda.

Kaedah 2: Sunting Fail Tema

Anda boleh menambah kod terus ke fail tema anda. Lokasi Theme File Editor bergantung pada versi WordPress dan jenis tema anda.

Untuk Tema Klasik

Pergi ke Appearance → Theme File Editor dalam admin WordPress anda
Pilih tema aktif anda dari dropdown (jika belum dipilih)
Cari dan klik pada footer.php dalam senarai fail di sebelah kanan
Tatal ke bawah dan cari tag penutup </body>
Tampal kod benam Asyntai anda sejurus sebelum tag </body>
Klik "Update File"

Untuk Tema Blok (Tema FSE)

Tema blok (seperti Twenty Twenty-Four dan tema Full Site Editing lain) tidak mempunyai fail footer.php dan tiada tag </body> dalam fail temanya. Untuk tema blok, gunakan kaedah plugin (WPCode), yang berfungsi dengan semua jenis tema.

Penting: Kemas kini tema akan menimpa perubahan anda. Untuk penyelesaian kekal, gunakan tema anak atau kaedah plugin sebaliknya.

Kaedah 3: Menggunakan Elementor

Jika anda menggunakan Elementor, anda boleh menambah kod melalui ciri kod tersuai Elementor.

Elementor Pro

Pergi ke Elementor → Custom Code
Klik "Add New"
Berikan nama seperti "Asyntai Chatbot
Tetapkan Location kepada "<body> – End"
Tampal kod benam Asyntai anda
Tetapkan Syarat Paparan ke "Entire Site"
Klik "Publish"

Elementor Free

Jika anda menggunakan versi percuma Elementor, gunakan kaedah plugin yang diterangkan di atas, kerana suntikan kod tersuai memerlukan Elementor Pro.

Langkah 3: Sahkan Pemasangan

Selepas menambah kod, lawati laman web anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya dapat melihat butang widget sembang di sudut kanan bawah laman anda. Klik untuk memastikan ia dibuka dan berfungsi dengan betul.

Tidak nampak widget? Kosongkan cache pelayar anda dan mana-mana plugin caching WordPress. Jika anda menggunakan plugin caching seperti WP Rocket atau W3 Total Cache, bersihkan cache selepas menambah kod.

Menambah Bar Carian AI

Bar Carian AI ialah widget berasingan dengan kodnya sendiri. Tambah bersama sembang, atau bersendirian. Ia memerlukan pelan Standard atau lebih tinggi: pada pelan lebih rendah bar muncul tetapi tidak memberikan hasil.

Tambah atribut data-replace pada tag skrip dan bar akan mengambil tempat bar sedia ada tema anda. Tambahkannya dengan plugin header dan footer yang sama yang anda gunakan untuk kod sembang, seperti WPCode. Skrip tidak perlu berada berhampiran kotak carian anda, jadi anda tidak perlu mengedit sebarang fail tema.

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

Baca panduan penuh Bar Carian AI

Dokumentasi