Cara Menambah Chatbot AI Asyntai ke WordPress

Panduan langkah demi langkah untuk laman web WordPress

Dapatkan Kod Benam

Langkah 1: Dapatkan Kod Benam Anda

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 adalah dengan menggunakan plugin seperti "Insert Headers and Footers" atau "WPCode".

Menggunakan WPCode (Percuma)

  1. Pergi ke Plugins → Add New dalam admin WordPress anda
  2. Cari "WPCode" dan pasangkannya
  3. Aktifkan plugin
  4. Pergi ke Code Snippets → Header & Footer
  5. Tampalkan kod benam Asyntai anda dalam bahagian "Footer"
  6. Klik "Save Changes"

Menggunakan Insert Headers and Footers

  1. Pergi ke Plugins → Add New dalam admin WordPress anda
  2. Cari "Insert Headers and Footers" oleh WPBeginner
  3. Pasang dan aktifkan plugin
  4. Pergi ke Settings → Insert Headers and Footers
  5. Tampalkan kod benam Asyntai anda dalam kotak "Scripts in Footer"
  6. Klik "Save"

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

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

Untuk Tema Blok (Tema FSE)

Jika anda menggunakan tema berasaskan blok (seperti Twenty Twenty-Four atau tema Full Site Editing lain), Theme File Editor telah dipindahkan:

  1. Pergi ke Tools → Theme File Editor dalam admin WordPress anda
  2. Pilih tema aktif anda dari dropdown
  3. Cari footer.php atau footer.html dalam senarai fail
  4. Tambahkan kod benam Asyntai anda sebelum tag penutup </body>
  5. Klik "Update File"

Nota: Sesetengah tema blok tidak mempunyai fail footer.php. Dalam kes tersebut, 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

  1. Pergi ke Elementor → Custom Code
  2. Klik "Add New"
  3. Berikan nama seperti "Asyntai Chatbot\
  4. Tetapkan Lokasi ke "Before </body> End"
  5. Tampal kod benam Asyntai anda
  6. Tetapkan Syarat Paparan ke "Entire Site"
  7. 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.