Интегрируйте Paralect AI за минуты
Выберите способ, который подходит для вашего стека — плагин CMS, JS-сниппет, React SDK или REST API.
Быстрый старт — одна строка кода
<script src="https://paralect.ai/loader.js" data-bot-id="YOUR_BOT_ID"></script>Скопируйте код
Скопируйте скрипт из панели управления ботом.
Вставьте на сайт
Вставьте его перед закрывающим тегом </body> на вашем сайте.
Запускайте
Виджет появится автоматически. Ваш AI-бот сразу начнёт отвечать на вопросы.
Платформы
WordPress
Установите плагин Paralect AI из каталога WordPress. Укажите ID бота в настройках.
Shopify
Добавьте код виджета в файл темы Shopify. Работает со всеми темами магазина.
Webflow
Вставьте код через embed-элемент Webflow. Разместите в футере или глобально.
Wix
Используйте HTML-компонент в Wix или функцию Code Injection в Squarespace.
Интеграция для разработчиков
Vanilla JS
Инициализируйте виджет через JavaScript для полного контроля.
const widget = new ParalectWidget({ botId: "YOUR_BOT_ID" });
widget.init();React SDK
Используйте React-компонент для тесной интеграции. Включает TypeScript-типы.
import { ParalectWidget } from "@paralect/widget-react";
function App() {
return <ParalectWidget botId="YOUR_BOT_ID" />;
}postMessage API
Управляйте виджетом через postMessage: открыть, закрыть, отправить сообщение.
const iframe = document.querySelector("iframe");
iframe.contentWindow.postMessage({
type: "paralect:open",
}, "*");REST API
Создайте свой интерфейс чата через Paralect AI REST API.
POST /api/chat
{
"bot_id": "YOUR_BOT_ID",
"message": "Привет!"
}Примеры использования
Поддержка клиентов
Чат-бот отвечает на вопросы о продуктах, инструкции и политику компании на основе документации.
Внутренняя база знаний
AI-ассистент для сотрудников по HR-политикам, IT-инструкциям и процессам компании.
Помощь в e-commerce
Покупатели находят информацию о товарах, проверяют статус заказа и получают детали доставки.
FAQ по интеграции
Виджет загружается асинхронно и имеет минимальный размер (~15KB gzip). Не влияет на Core Web Vitals.