Kembali ke Papan Pemuka

Dokumentasi

Ketahui cara menggunakan Asyntai

Bermula
Pemasangan Pangkalan Pengetahuan Uji AI Anda Urus Laman Web
Penyesuaian
Warna Widget Nama Pembantu AI Mesej Awal Kedudukan Widget Pencetus Automatik Gelembung Pemberitahuan Lencana Belum Dibaca Mod Arahan Ajukan Soalan Gunakan Emoji Kumpul Emel Kumpul Nombor Telefon Tangkapan Prospek Pintar Penyetempatan Sembunyikan Penjenamaan Pautan Privasi Notis Tersuai Muat Turun Transkrip Perbualan Baharu Sejarah Perbualan Slogan & Titik Status Pertuturan ke Teks Ikon Perbualan Logo Syarikat Had Aksara Suhu
Petua Arahan AI Bandingkan Pelan
Ciri-ciri
Rangkak Laman Web Jurang Pengetahuan Kad Produk Konteks Pengguna Pemantauan Langsung Pengambilalihan Manusia Eskalasi Pemberitahuan AI Laporan Harian Suapan Data Masa Nyata Suapan Data Masa Nyata Maks Ahli Pasukan Log Masuk Tunggal Sertakan Imej Penglihatan Imej Widget Terjemahan Penyetempatan Prospek Tangkapan Prospek Pintar Tiket Sokongan Tempahan Kecualikan Halaman IP Disekat Model Lebih Pintar Aktifkan Pemikiran Cadangan Balasan Mesej Susulan Pertuturan ke Teks Muat Turun Transkrip Sembang Terbenam
Analitik
Analitik Sembang Log Sembang
Integrasi
REST API Instagram Messenger WhatsApp Zapier Email Aplikasi Mudah Alih
Lain-lain
Tambah ke Skrin Utama Butang Buka Tersuai

Cara Menambah Chatbot AI Asyntai ke Webflow

Panduan langkah demi langkah untuk laman web Webflow

Dapatkan Kod Benam
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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 melalui Tetapan Laman (Semua Halaman)

Untuk menambah chatbot ke semua halaman laman Webflow anda sekaligus:

  1. Log masuk ke akaun Webflow anda dan pilih projek anda
  2. Klik ikon gear (Tetapan Laman) di bar sisi kiri
  3. Klik pada "Custom Code" dalam menu tetapan
  4. Tatal ke bawah ke bahagian "Footer Code" (sebelum tag </body>)
  5. Tampal kod benam Asyntai anda
  6. Klik "Save Changes"
  7. Terbitkan laman anda supaya perubahan menjadi aktif

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

Alternatif: Kod Tersuai Khusus Halaman

Jika anda hanya mahu chatbot pada halaman tertentu:

  1. Buka projek anda dalam Webflow Designer
  2. Klik panel Pages (ikon folder) di bar sisi kiri
  3. Tuding pada halaman yang ingin anda sunting dan klik ikon gear
  4. Tatal ke bawah ke "Custom Code"
  5. Tampalkan kod benam Asyntai anda dalam bahagian "Before </body> tag"
  6. Klik "Save"
  7. Terbitkan laman anda

Alternatif: Menggunakan Elemen Embed

Anda juga boleh menambah chatbot menggunakan elemen Embed di mana-mana pada halaman anda:

  1. Buka projek anda dalam Webflow Designer
  2. Klik butang "+" untuk membuka panel Tambah
  3. Cari "Embed" atau cari di bawah Components
  4. Seret elemen Embed ke halaman anda
  5. Tampal kod benam Asyntai anda dalam editor kod
  6. Klik "Save & Close"
  7. Terbitkan laman anda

Penting: Apabila menggunakan elemen Embed, anda perlu menambahkannya ke setiap halaman di mana anda mahu chatbot. Untuk pemasangan seluruh laman, gunakan kaedah Tetapan Laman di atas.

Langkah 3: Sahkan Pemasangan

Selepas menerbitkan laman anda, buka 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? Pastikan anda telah menerbitkan laman anda selepas menambah kod. Kod tersuai hanya muncul di laman langsung, bukan dalam pratonton Designer. Cuba kosongkan cache pelayar anda atau lihat dalam tetingkap inkognito.