Cara Menambah Chatbot AI Asyntai ke Squarespace

Panduan langkah demi langkah untuk laman web Squarespace

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: Tambah Kod Menggunakan Code Injection

Jika laman anda menggunakan pelan Squarespace Core, Plus atau Advanced (atau pelan Business atau Commerce yang lebih lama), anda boleh menambah chatbot pada semua halaman sekali gus menggunakan Code Injection:

Log masuk ke akaun Squarespace anda dan buka laman anda
Klik Pages di panel kiri
Klik Custom Code di bahagian bawah panel
Klik Code Injection
Tatal ke bawah ke bahagian Footer
Tampal kod benam Asyntai anda dalam kotak teks Footer
Klik "Save"

Nota: Pada Squarespace 7.0, Code Injection terletak di bawah Pages → Website Tools.

Petua: Menambah kod ke bahagian Footer meletakkannya sejurus sebelum tag penutup </body>, yang merupakan penempatan yang disyorkan untuk widget sembang dan tidak akan melambatkan pemuatan halaman anda.

Alternatif: Menggunakan Code Block

Untuk menambah chatbot pada halaman tertentu sahaja, anda boleh menggunakan Code Block. Code Block hanya menjalankan JavaScript pada pelan Core, Plus atau Advanced (atau pelan Business atau Commerce yang lebih lama).

Buka laman anda dalam Editor Squarespace
Navigasi ke halaman di mana anda mahu menambah chatbot
Klik "Edit" pada halaman
Tuding pada bahagian dan klik "+ Add Block"
Tatal ke bawah dan pilih "Code"
Klik ikon pensel untuk mengedit blok kod
Tampal kod benam Asyntai anda
Pastikan menu Mode blok ditetapkan kepada HTML
Klik di luar blok untuk menutup editor
Klik "Save"

Penting: Apabila menggunakan Code Block, anda perlu menambah kod pada setiap halaman di mana anda mahu chatbot dipaparkan. Untuk pemasangan di seluruh laman, gunakan kaedah Code Injection di atas.

Langkah 3: Sahkan Pemasangan

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

Tidak nampak widget? Pastikan anda telah menyimpan dan menerbitkan perubahan anda. Cuba kosongkan cache pelayar anda atau lihat laman anda dalam tetingkap inkognito. Squarespace mungkin mengambil beberapa minit untuk menerapkan perubahan kod. Kod kadangkala tidak berjalan semasa anda log masuk ke Squarespace, jadi semak laman dalam tetingkap peribadi.

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 di bawah Pages, Custom Code, Code Injection, Footer, tempat yang sama dengan kod sembang. Squarespace hanya menawarkan Code Injection pada pelan Core, Plus atau Advanced (atau pelan Business atau Commerce yang lebih lama), jadi anda memerlukan salah satu daripadanya untuk memasang ini.

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