Cara Menambah Chatbot AI Asyntai ke HubSpot

Panduan langkah demi langkah untuk laman web CMS HubSpot

Platform:

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: Menggunakan Tetapan Laman (Disyorkan)

Cara paling mudah untuk menambah chatbot ke semua halaman pada laman web HubSpot anda:

Log masuk ke akaun HubSpot anda
Klik ikon tetapan (gear) dalam bar navigasi utama
Di bar sisi kiri, navigasi ke Website > Pages
Tatal ke bawah ke bahagian "Site footer HTML"
Tampal kod benam Asyntai anda dalam kawasan teks
Klik "Save" di bahagian bawah halaman

Petua: Menambah skrip ke Site footer HTML memastikan ia dimuatkan pada semua halaman selepas kandungan utama, yang merupakan penempatan yang disyorkan untuk widget sembang.

Alternatif: Pemasangan Khusus Halaman

Jika anda hanya mahu chatbot pada halaman tertentu:

Pergi ke Marketing > Website > Website Pages (atau Landing Pages)
Klik pada halaman yang anda mahu edit
Dalam editor halaman, klik Settings di bahagian atas
Tatal ke bawah ke "Advanced options"
Cari bahagian "Footer HTML"
Tampal kod benam Asyntai anda
Klik "Apply changes" dan terbitkan halaman anda

Nota: Kod khusus halaman hanya akan dimuatkan pada halaman tersebut. Gunakan kaedah ini jika anda mahu chatbot pada halaman terpilih dan bukannya seluruh laman anda.

Alternatif: Menggunakan Design Manager

Untuk lebih kawalan, anda boleh menambah fail JavaScript melalui Design Manager:

Pergi ke Marketing > Files and Templates > Design Tools
Di bar sisi kiri, klik File > New file
Pilih "JavaScript" dari dropdown
Namakan fail anda (contohnya, asyntai-chatbot.js)
Tambah kod berikut:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
Klik "Publish changes"
Sertakan fail ini dalam templat anda menggunakan require_js atau pautkan ia dalam tetapan laman anda

Alternatif: Menggunakan Modul Tersuai

Buat modul boleh guna semula untuk chatbot:

Pergi ke Marketing > Files and Templates > Design Tools
Klik File > New file > Module
Namakannya "Asyntai Chatbot"
Dalam fail module.html, tampal kod benam anda
Terbitkan modul
Tambah modul ke bahagian footer templat anda, atau seret ia ke halaman individu

Petua: Menggunakan modul tersuai membolehkan anda menambah atau mengalih keluar chatbot dari templat atau halaman tertentu dengan mudah melalui editor seret dan lepas.

Langkah 3: Sahkan Pemasangan

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

Tidak nampak widget? Pastikan anda telah mengklik "Save" atau "Publish" selepas menambah kod. HubSpot menyimpan cache halaman, jadi cuba lihat laman anda dalam tetingkap inkognito atau kosongkan cache pelayar anda. Jika anda menambah kod ke halaman tertentu, pastikan halaman tersebut diterbitkan.

HubSpot CMS Hub Diperlukan: Menambah JavaScript tersuai memerlukan HubSpot CMS Hub (Starter, Professional, atau Enterprise). Jika anda menggunakan alat CMS HubSpot percuma, anda mungkin mempunyai pilihan terhad untuk menambah skrip tersuai.