Разделы документации
Для разработчиков

Документация JS API виджета

Как установить виджет Связио, настроить его под сайт и управлять им из своего кода. Каждый раздел — отдельная страница с постоянной ссылкой: её можно прислать коллеге или клиенту.

Попробуйте прямо здесь
// Виджет в углу этой страницы — настоящий
Svyazio('setSkin', 'soft');
Svyazio('setColors', { buttonBg: '#0C8478' });
Svyazio('openChat', true);

Быстрый старт

  1. Откройте в кабинете Настройки → Установка и скопируйте код — в нём уже подставлен ваш orgId.
  2. Вставьте код перед закрывающим </body> на всех страницах сайта или в шаблон CMS.
  3. Откройте сайт: в углу появится кнопка чата. Напишите себе сообщение — оно придёт в Диалоги.
Код установки
<script>
  (function(d, w, c) {
    w.SvyazioConfig = {
      orgId: "ВАШ_ORG_ID",
      serverUrl: "https://app.svyazio.ru"
    };
    w[c] = w[c] || function() {
      (w[c].q = w[c].q || []).push(arguments);
    };
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://app.svyazio.ru/widget/svyazio.js';
    if (d.head) d.head.appendChild(s);
  })(document, window, 'Svyazio');
</script>

Подробности, проверка и типичные ошибки — в разделе Установка.

Разделы

Полный список разделов — в меню слева: Установка виджета, Как устроен JS API, Параметры SvyazioConfig, Методы, Все методы коротко, Данные посетителя, События и аналитика, Своя кнопка и ссылки, Язык и тексты, React, Vue и SPA, Рецепты, Лимиты и ограничения, Что виджет хранит в браузере, Переход с Chatra, Если что-то не работает.