Интегрируйте Pravia за минуты

Выберите способ, который подходит для вашего стека — плагин CMS, JS-сниппет, React SDK или REST API.

WordPressShopifyWebflowWixSquarespaceReactVueAngular

Быстрый старт — одна строка кода

html
<script src="https://pravia.dev/loader.js" data-bot-id="YOUR_BOT_ID"></script>
Step 01

Скопируйте код

Скопируйте скрипт из панели управления ботом.

Step 02

Вставьте на сайт

Вставьте его перед закрывающим тегом </body> на вашем сайте.

Step 03

Запускайте

Виджет появится автоматически. Ваш бот сразу начнёт отвечать на вопросы.

Платформы

WordPress

Custom HTMLСредний

Добавьте виджет «Custom HTML» в Внешний вид → Виджеты и вставьте код, или вставьте код в footer.php вашей темы перед </body>.

Shopify

ТемаНачинающий

Добавьте код виджета в файл темы Shopify. Работает со всеми темами магазина.

Webflow

EmbedСредний

Вставьте код через embed-элемент Webflow. Разместите в футере или глобально.

Wix

EmbedСредний

Используйте HTML-компонент в Wix или добавьте код через tracking tools в настройках.

Интеграция для разработчиков

JS

Vanilla JS

Добавьте виджет на любую страницу одним тегом script. Код инициализации не нужен.

html
<script src="/loader.js" data-bot-id="YOUR_BOT_ID"></script>
Learn More

React

Встройте виджет в React-приложение через useEffect или HTML-подход.

tsx
import { useEffect } from "react";

function ChatWidget({ botId }) {
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "/loader.js";
    script.setAttribute("data-bot-id", botId);
    document.body.appendChild(script);
  }, [botId]);

  return null;
}
Learn More

postMessage API

Управляйте виджетом через postMessage: открыть, закрыть, слушать события.

javascript
const iframe = document.querySelector("iframe");
iframe.contentWindow.postMessage({
  type: "open",
}, "*");
Learn More

REST API

Создайте свой интерфейс чата через Pravia REST API.

bash
POST /api/chat
{
  "botId": "YOUR_BOT_ID",
  "query": "Привет!"
}
Learn More

Примеры использования

01

Поддержка клиентов

Чат-бот отвечает на вопросы о продуктах, инструкции и политику компании на основе документации.

RAGFAQ
02

Внутренняя база знаний

Помощник для сотрудников по HR-политикам, IT-инструкциям и процессам компании.

HRITDocs
03

Помощь в e-commerce

Покупатели находят информацию о товарах, проверяют статус заказа и получают детали доставки.

ShopifyAPI

FAQ по интеграции

Виджет загружается асинхронно и имеет минимальный размер (~15KB gzip). Не влияет на Core Web Vitals.

Начните за минуты