Быстрый старт за 10 минут

5 шагов

1. 1
   Зарегистрируйтесь

   Откройте страницу регистрации и заполните «Полное имя», «Электронная почта» и «Пароль» (не короче 8 символов). На почту придёт письмо со ссылкой для подтверждения — подтвердите адрес: если на платформе включён вход только с подтверждённым email, без этого вы не сможете войти по паролю повторно.
2. 2
   Создайте проект

   Проект — это ваша команда, ваши клиенты и ваши настройки. Сразу после регистрации откроется мастер из четырёх шагов: «Создание проекта», «Настройка бота», «Команда», «Готово». На первом шаге два поля:

   • Название проекта — например, ForestsNet или AcmeBank
   • Slug — короткий адрес проекта латиницей; мастер сразу проверяет, свободен ли он

   Подключение Telegram-бота и приглашение команды можно пропустить и вернуться к ним позже. Новый проект стартует на бесплатном тарифе Starter, карта не нужна.
3. 3
   Откройте конструктор виджета и настройте внешний вид

   НастройкиКонструктор виджета. Для начала хватит трёх разделов:

   • Брендинг — акцентный цвет, логотип, заголовок шапки
   • Приветствие — заголовок и подзаголовок главной
   • Вкладки — «Помощь» и «Новости» появятся у посетителей, только когда у вас будут опубликованные публичные статьи или оглашения для клиентов, так что на старте их можно не трогать

   Изменения сами сохраняются в черновик. Когда закончите, нажмите «Опубликовать» — посетители увидят изменения только после этого.
4. 4
   Вставьте код виджета на сайт

   Внизу левой панели конструктора есть кнопка «Код для вставки» — она открывает окно с готовым <script> и кнопкой «Скопировать». Тот же код есть в НастройкиКаналы, в карточке Web Widget. В нём уже стоит ID вашего проекта. Вставьте код перед </body> на каждой странице, где должен быть чат:

   html

   <script>
   (function(w, d){
     function loadWidget(token){
       var s = d.createElement('script');
       s.async = 1;
       s.src = 'https://support.forestsnet.com/widget-bundle?ws=00000000-0000-0000-0000-000000000000';
       if (token) s.setAttribute('data-visitor-token', token);
       d.head.appendChild(s);
     }
     // ── Optional: cross-device HMAC visitor token ─────────────────
     // Uncomment + implement /api/supporthub/token on your backend to
     // bind the same visitor across devices. Recipes per stack:
     //   https://support.forestsnet.com/docs/widget/hmac-examples
     //
     // fetch('/api/supporthub/token', { credentials: 'include' })
     //   .then(function(r){ return r.ok ? r.json() : null; })
     //   .then(function(data){ loadWidget(data && data.token); })
     //   .catch(function(){ loadWidget(); });
     //
     // Default — anonymous (no token):
     loadWidget();
   })(window, document);
   </script>

   Копировать

   Подробнее о коде и его параметрах — в разделе установки.
5. 5
   Пригласите команду и получите первое обращение

   Откройте ОператорыПригласить и перейдите на вкладку «Email для приглашения»: укажите email коллеги и роль, нажмите «Отправить приглашение». Коллега получит письмо с кнопкой «Принять приглашение» (ссылка действует 7 дней) и станет оператором, когда примет его.

   Параллельно откройте свой сайт в режиме инкогнито — увидите кнопку чата в углу. Нажмите её, затем «Задать вопрос», и отправьте «привет»: во Входящие сразу появится новое обращение, и оператор сможет ответить.

   Готово. Сайт обзавёлся работающей поддержкой.

Что дальше