Sembang Terbenam

Paparkan widget sembang secara sebaris di halaman anda dan bukannya sebagai gelembung terapung

Semua Pelan

Gambaran Keseluruhan

Secara lalai, widget perbualan Asyntai muncul sebagai gelembung terapung di sudut laman web anda. Dengan Perbualan Terbenam, anda juga boleh memaparkan perbualan terus di halaman anda — contohnya, dalam bahagian "Berbual dengan kami" di halaman utama anda.

Gelembung terapung masih berfungsi bersama perbualan terbenam. Pengunjung yang tidak menatal ke bahagian terbenam masih boleh menggunakan gelembung. Kedua-duanya berkongsi perbualan yang sama.

Cara Ia Berfungsi

Tambah satu tag skrip Letakkan di mana sahaja anda mahu perbualan muncul dalam HTML anda

Perbualan dipaparkan sebaris Widget muncul pada kedudukan itu, sentiasa kelihatan, saiz yang sama dengan perbualan biasa

Gelembung kekal aktif Gelembung terapung kekal di sudut untuk pengunjung yang tidak melihat perbualan terbenam

Perbualan dikongsi Mesej disegerakkan antara perbualan terbenam dan widget terapung secara masa nyata

Persediaan

Tambah satu baris HTML ini di mana sahaja anda mahu perbualan muncul di halaman anda:

<script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Gantikan YOUR_WIDGET_ID dengan ID widget anda. Anda boleh mencari kod benam anda dengan ID anda yang telah diisi terlebih dahulu di halaman persediaan Perbualan Terbenam.

Nota: Skrip utama chat-widget.js juga mesti berada di halaman tersebut. Jika anda telah memasang widget Asyntai di laman anda, ini sudah diuruskan.

Contoh

Berikut adalah cara anda boleh menggunakannya di halaman utama:

<section style="max-width: 500px; margin: 0 auto;">
    <h2>Chat with us</h2>
    <p>Ask us anything — our AI assistant is here to help.</p>

    <!-- The chat will appear right here -->
    <script src="https://asyntai.com/static/js/chat-embed.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</section>

Butiran

Saiz

Perbualan terbenam dipaparkan pada saiz yang sama dengan widget terapung: lebar 400px dan tinggi 650px di desktop, lebar penuh dan tinggi 550px di mudah alih. Anda boleh mengawal kedudukannya dengan menggayakan bekas induk.

Tingkah Laku Gelembung Terapung

Apabila perbualan terbenam kelihatan pada skrin dan pengunjung mengklik gelembung terapung, ia menatal ke perbualan terbenam. Jika perbualan terbenam tidak dalam paparan, gelembung membuka tindanan perbualan terapung biasa.

Penyegerakan Mesej

Kedua-dua perbualan terbenam dan terapung berkongsi perbualan yang sama. Mesej yang dihantar dari mana-mana satu muncul di kedua-duanya. Sesi yang sama, konteks AI, dan sejarah perbualan digunakan.

Pelbagai Halaman

Anda boleh menggunakan perbualan terbenam di beberapa halaman dan widget terapung biasa di halaman lain. Hanya sertakan skrip benam pada halaman di mana anda mahu perbualan sebaris. Perbualan diteruskan antara halaman seperti biasa.

Pratonton Langsung

Berikut ialah sembang terbenam langsung supaya anda boleh melihat rupanya:

Keperluan

Widget perbualan utama Asyntai (chat-widget.js) mesti dipasang pada halaman

Berfungsi pada semua pelan — tiada naik taraf diperlukan

Serasi dengan semua pelayar yang menyokong Shadow DOM (semua pelayar moden)

Petua: Uji perbualan terbenam dengan meletakkannya di halaman pementasan terlebih dahulu. Pastikan ia kelihatan betul dalam susun atur halaman anda sebelum dilancarkan ke produksi.

Dokumentasi