Вграден чат

Показвайте чат приспособлението вградено в страницата вместо като плаващ балон

Всички планове

Преглед

По подразбиране чат приспособлението Asyntai се появява като плаващо балонче в ъгъла на вашия уебсайт. С Вградения чат можете също да показвате чата директно на вашата страница — например в секция "Чат с нас" на началната ви страница.

Плаващото балонче продължава да работи заедно с вградения чат. Посетители, които не превъртат до вградената секция, все още могат да използват балончето. И двете споделят един и същи разговор.

Как работи

Добавете един script таг Поставете го навсякъде, където искате чатът да се появи във вашия HTML

Чатът се визуализира вградено Приспособлението се появява на тази позиция, винаги видимо, със същия размер като обикновения чат

Балончето остава активно Плаващото балонче остава в ъгъла за посетители, които не виждат вградения чат

Споделен разговор Съобщенията се синхронизират между вградения чат и плаващото приспособление в реално време

Настройка

Добавете този единствен ред HTML навсякъде, където искате чатът да се появи на вашата страница:

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

Заменете YOUR_WIDGET_ID с вашия идентификатор на приспособление. Можете да намерите кода за вграждане с вашия предварително попълнен идентификатор на страницата за настройка на Вграден чат.

Забележка: Основният скрипт chat-widget.js също трябва да е на страницата. Ако вече сте инсталирали приспособлението Asyntai на вашия сайт, това вече е уредено.

Пример

Ето как можете да го използвате на начална страница:

<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>

Детайли

Оразмеряване

Вграденият чат се визуализира в същия размер като плаващото приспособление: 400px ширина и 650px височина на десктоп, пълна ширина и 550px височина на мобилно устройство. Можете да контролирате къде се разполага, като стилизирате родителския контейнер.

Поведение на плаващото балонче

Когато вграденият чат е видим на екрана и посетител натисне плаващото балонче, се превърта до вградения чат. Ако вграденият чат не е в полезрението, балончето отваря обичайния плаващ чат.

Синхронизация на съобщенията

И вграденият, и плаващият чат споделят един и същи разговор. Съобщенията, изпратени от който и да е от тях, се появяват и в двата. Използват се същата сесия, AI контекст и история на чата.

Множество страници

Можете да използвате вграден чат на някои страници и обичайното плаващо приспособление на други. Просто включете скрипта за вграждане на страниците, на които искате вградения чат. Разговорът се пренася между страниците както обикновено.

Преглед на живо

Ето вграден чат на живо, за да видите как изглежда:

Изисквания

Основното чат приспособление Asyntai (chat-widget.js) трябва да е инсталирано на страницата

Работи на всички планове — не е необходимо надграждане

Съвместимо с всички браузъри, които поддържат Shadow DOM (всички модерни браузъри)

Съвет: Тествайте вградения чат, като го поставите първо на тестова страница. Уверете се, че изглежда правилно в оформлението на вашата страница, преди да го пуснете в продукция.

Документация