Cara Menambah Chatbot AI Asyntai ke Weebly
Panduan langkah demi langkah untuk laman web Weebly
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 laman Weebly anda. Pilih kaedah yang paling sesuai untuk anda:
Kaedah 1: Kod Footer Seluruh Laman (Disyorkan)
Kaedah ini menambah chatbot ke setiap halaman laman Weebly anda secara automatik.
- Log masuk ke akaun Weebly anda dan buka penyunting laman
- Klik pada Settings dalam menu atas
- Pilih SEO dari bar sisi kiri
- Tatal ke bawah untuk mencari bahagian Footer Code
- Tampalkan kod benam Asyntai anda ke dalam kotak Footer Code
- Klik Save
- Klik Publish untuk menjadikan perubahan langsung
Mengapa Footer Code? Menambah skrip ke footer memastikan ia dimuat selepas kandungan halaman anda, yang optimum untuk prestasi dan tidak akan melambatkan laman anda.
Kaedah 2: Pemasangan Halaman Tunggal
Jika anda hanya mahu chatbot pada halaman tertentu, gunakan kaedah ini untuk setiap halaman:
- Dalam penyunting Weebly, klik pada Pages dalam menu atas
- Pilih halaman di mana anda mahu menambah chatbot
- Klik pada SEO Settings (atau Advanced Settings) untuk halaman tersebut
- Cari bahagian Footer Code
- Tampal kod benam Asyntai anda
- Klik Save
- Ulang untuk mana-mana halaman lain di mana anda mahu chatbot
- Klik Publish untuk menjadikan perubahan langsung
Nota: Kod peringkat halaman hanya mempengaruhi halaman tertentu tersebut. Jika anda mahu chatbot pada berbilang halaman, kaedah seluruh laman lebih cekap.
Kaedah 3: Menggunakan Elemen Kod Benam
Anda juga boleh menggunakan elemen Embed Code Weebly, walaupun kaedah footer lebih diutamakan untuk widget sembang:
- Dalam penyunting Weebly, pergi ke tab Build
- Cari elemen Embed Code di bawah bahagian Basic
- Drag the Embed Code element to your page (preferably near the bottom)
- Klik pada elemen dan pilih Edit Custom HTML
- Tampal kod benam Asyntai anda
- Klik di luar elemen untuk menyimpan
- Klik Publish untuk menjadikan perubahan langsung
Penting: Elemen Embed Code tidak akan menunjukkan pratonton dalam penyunting. Anda perlu menerbitkan laman anda untuk melihat chatbot berfungsi.
Langkah 3: Sahkan Pemasangan
Selepas menerbitkan laman anda, lawati laman web anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya dapat melihat butang widget sembang di sudut kanan bawah. Klik untuk memastikan ia dibuka dan berfungsi dengan betul.
Tidak nampak widget? Weebly tidak menunjukkan pratonton untuk kod yang ditambah dalam bahagian header/footer. Pastikan anda telah mengklik "Publish" untuk menjadikan perubahan anda aktif. Cuba kosongkan cache pelayar anda atau lihat dalam tetingkap inkognito.
Nota Weebly Square Online
Jika anda menggunakan Square Online (platform e-dagang Weebly), langkah-langkahnya serupa:
- Pergi ke papan pemuka Square Online anda
- Navigasi ke Website > Site Settings
- Cari Advanced Settings atau Custom Code
- Tambahkan kod benam Asyntai anda ke bahagian footer
- Simpan dan terbitkan perubahan anda
Weebly