Cara Menambah Chatbot AI Asyntai ke Tilda

Panduan langkah demi langkah untuk laman web Tilda

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: Tambah Kod ke Seluruh Laman Anda (Disyorkan)

Untuk menambah chatbot ke semua halaman laman web Tilda anda sekaligus, gunakan kaedah Tetapan Laman:

  1. Log masuk ke akaun Tilda anda dan buka editor laman anda
  2. Klik Site Settings (ikon gear) di menu atas
  3. Tatal ke bawah ke bahagian "More"
  4. Cari "HTML code for the HEAD section for all pages"
  5. Klik "Edit code"
  6. Tampal kod benam Asyntai anda dalam kotak teks
  7. Klik "Save"
  8. Click "Publish" to apply changes to your live site

Petua: Kaedah ini menambah chatbot ke setiap halaman pada laman anda secara automatik. Ini adalah cara paling mudah untuk memastikan chatbot tersedia di seluruh laman untuk pelawat anda.

Alternatif: Menggunakan Blok T123 (Halaman Tertentu)

Jika anda mahu menambah chatbot ke halaman tertentu sahaja, anda boleh menggunakan blok HTML T123 Tilda:

  1. Buka halaman yang anda mahu edit dalam editor Tilda
  2. Klik "+ Add Block" atau tekan "T"
  3. Dalam Pustaka Blok, pergi ke Other → T123 (Embed HTML Code)
  4. Sebagai alternatif, cari "T123" dalam bar carian
  5. Klik pada blok T123 untuk menambahkannya ke halaman anda
  6. Dalam tetapan blok, tampal kod benam Asyntai anda
  7. Letakkan blok di mana-mana pada halaman anda (ia tidak menjejaskan penempatan widget)
  8. Klik "Publish" untuk menjadikan perubahan langsung

Nota: Blok T123 menyokong HTML, JavaScript (dalam tag <script>), dan CSS (dalam tag <style>). Penempatan visual blok tidak penting - chatbot akan muncul di sudut kanan bawah seperti yang dikonfigurasikan.

Bahagian Head Per Halaman (Lanjutan)

For more control, you can add code to individual page head sections:

  1. Buka halaman dalam editor Tilda
  2. Klik Page Settings (ikon gear) di menu atas
  3. Pergi ke tab "Additional"
  4. Cari "HTML code for the HEAD section"
  5. Tampal kod benam Asyntai anda
  6. Klik "Save" dan kemudian "Publish"

Penting: Apabila menggunakan blok T123 atau kaedah per halaman, anda perlu menambah kod ke setiap halaman di mana anda mahu chatbot muncul. Untuk pemasangan seluruh laman, gunakan kaedah Tetapan Laman yang diterangkan dalam Langkah 2.

Langkah 3: Sahkan Pemasangan

Selepas menerbitkan 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 menerbitkan perubahan anda (bukan sekadar menyimpan). Cuba kosongkan cache pelayar anda atau lihat laman anda dalam tetingkap inkognito. Perubahan Tilda mungkin mengambil sedikit masa untuk muncul di laman langsung.