Overcap

Справка

Быстрые гайды по установке и настройке Overcap. Нужно что-то конкретное? Напишите нам.

Установка на WordPress
Плагин WPCode, functions.php или любой header-and-footer плагин. Шаг за шагом.

1. Зарегистрируйтесь и создайте сайт в /dashboard/websites.

2. Скопируйте WordPress-snippet (тег <script>).

3. Установите плагин WPCode (или любой 'Insert headers and footers' плагин).

4. Добавьте новый HTML-snippet → location: Site Wide Footer → вставьте код → Save.

5. Очистите кеш сайта (WP Rocket / W3 Total Cache).

6. Hard-reload сайт (Ctrl + Shift + R). Кнопка чата появится.

Установка на HTML / Tilda
Один <script> перед </body>. Работает на любом статическом сайте.

Скопируйте HTML-snippet из /dashboard/websites.

Вставьте перед </body> в шаблон.

В конструкторах (Tilda, Webflow, Wix) ищите 'Custom HTML' / 'Embed code' и вставьте туда.

Установка на Shopify
Online Store → Themes → Edit code → theme.liquid.

Online Store → Themes → 'Actions' → Edit code.

Layout → theme.liquid.

Вставьте snippet прямо перед </body>.

Save. Виджет появится на всех страницах.

Установка на React / Next.js
Один компонент в root layout, без SSR-конфликтов.

Добавьте <OmnichatWidget /> компонент (из React-snippet) в root layout / _app.tsx.

Он подключает script один раз при первом рендере и пропускает SSR.

Если используете Tag Manager — лучше через GTM-тэг, не inline.

Настройка тепловых карт
Хитмап включён по умолчанию. Как настроить под приватность и нагрузку.

/dashboard/websites/{id}/customize → вкладка Tracking.

sample rate: уменьшите до 0.2 на high-traffic сайтах.

respect DNT: включите чтобы не трекать визитёров с DNT.

mask inputs: ON по умолчанию — нажатия в формах не записываются.

Кастомизация виджета
Цвета, логотип, позиция, рабочие часы, pre-chat форма.

Quick presets: 6 готовых color-комбинаций в один клик.

Logo: вставьте URL — появится в шапке виджета.

Position: 4 угла.

Working hours: вне рабочих часов виджет показывает offline-сообщение и собирает заявки.

Pre-chat form: имя + email перед началом чата.

Авто-ответы и шаблоны
Отвечайте на частые вопросы автоматически.

/customize → Auto-Responses: триггер-фраза → ответ.

First-response delay: например, приветствие через 2 секунды после открытия.

Шаблоны (в Settings): операторы вставляют /shortcut при наборе.

API
Продвинутая встройка, программное создание диалогов.

Widget API: window.Omnichat.open(), .close(), .toggle(), .identify({name,email}), .setContext({...}).

REST: POST /api/widget/conversation, POST /api/widget/message.

SSE для realtime: GET /api/widget/realtime?conversationId=...