Как интегрировать Flash AI с вашим веб-сайтом
Добавление Flash AI на ваш веб-сайт занимает всего 3 шага.
Перейдите на flashai.pl, нажмите "Заказать" и настройте вашего AI-ассистента — имя, характер, базу знаний.
Добавьте одну строку на ваш веб-сайт, прямо перед закрывающим тегом </body>:
<script src="https://flashai.pl/widget.js" data-ai="TWOJE_BOT_ID"></script>Чат-виджет появится в нижнем правом углу вашего веб-сайта. Ваш AI-ассистент готов общаться с посетителями.
Настройте поведение виджета с помощью HTML-атрибутов в теге скрипта.
| Атрибут | Описание |
|---|---|
data-ai (обязательно) |
ID вашего бота |
data-name |
Отображаемое имя в заголовке чата |
data-color |
Акцентный цвет (hex) |
data-auto-open |
Автоматическое открытие чата при загрузке страницы |
data-fullscreen |
Полноэкранный режим |
data-lang |
Принудительный язык интерфейса |
<script src="https://flashai.pl/widget.js"
data-ai="twoje_bot_id"
data-name="Asystent Sklepu"
data-color="#ff6b00"
data-auto-open="true"></script>Управляйте виджетом программно из кода вашего веб-сайта.
| Метод | Описание |
|---|---|
FlashAI.open() |
Открывает окно чата |
FlashAI.close() |
Закрывает окно чата |
FlashAI.toggle() |
Переключает состояние чата (открыто/закрыто) |
FlashAI.send("text") |
Мгновенно отправляет сообщение |
FlashAI.setInput("text") |
Устанавливает текст ввода без отправки |
FlashAI.isOpen |
Проверяет, открыт ли чат |
<!-- Button that opens the chat -->
<button onclick="FlashAI.open()">Chat with us</button>
<!-- Button that sends a specific question -->
<button onclick="FlashAI.send('I want to book an appointment')">Book now</button>
<!-- Link that pre-fills the input -->
<a href="#" onclick="FlashAI.open().setInput('Pricing')">Ask about pricing</a>Добавьте #flashai-open к любому URL, и чат откроется автоматически. Идеально для QR-кодов, ссылок в письмах или кнопок.
https://your-website.com/#flashai-openДля полного контроля используйте объект конфигурации JavaScript перед загрузкой скрипта виджета.
<script>
window.FlashAI = {
botId: "twoje_bot_id",
config: {
agentName: "Asystent",
primaryColor: "#00f5ff",
position: "bottom-right",
languages: ["pl", "en"],
trigger: {
type: "delay",
delay: 5
},
teaser: {
enabled: true,
delay: 3,
message: "Hi! Need help?"
}
}
};
</script>
<script src="https://flashai.pl/widget.js"></script>"immediate"
Виджет появляется немедленно
"delay"
Появляется после указанных секунд
"scroll"
Появляется после прокрутки на указанный %
"engagement"
Появляется после взаимодействия пользователя
"exit"
Появляется при намерении выйти
"manual"
Только через вызов API
Ознакомьтесь с нашей справкой по API или присоединяйтесь к сообществу.
Online