Установка на сайт

Чат-ассистент устанавливается одной строкой кода. Добавьте её один раз на каждую страницу своего сайта; после этого всё, что вы меняете в кабинете, попадает на сайт само.

Где найти свой код

В кабинете откройте вкладку Виджет, а в ней вкладку Размещение. Там находится ваша строка с ключом вашего сайта, готовая к копированию. Пока идёт настройка, тот же код показывают шаги настройки во вкладке Обзор.

Вкладка Размещение в настройках виджета: переключатель кнопки в углу и способы добавить чат на свои страницы
Виджет, Размещение: где показывается чат и код для вашего сайта.
<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>

В примере кода ключ ненастоящий. Свой скопируйте в кабинете: вкладка Виджет, а в ней вкладка Размещение.

Какой способ выбрать

Кнопка в углу

Только строка выше и больше ничего: кнопка в углу каждой страницы открывает чат. Большинству сайтов нужно именно это.

Чат внутри страницы

Для страницы контактов, помимо этой строки, вставьте такой код там, где должен появиться чат:

<div data-beacel-inline></div>

Или как блок на всю ширину с заголовком над чатом:

<div data-beacel-inline="section"></div>

Кнопка в углу скрывается, пока чат внутри страницы виден на экране; у них общий диалог.

Ваша собственная кнопка

Чат может открывать любая ваша кнопка или ссылка. Добавьте к ней data-beacel-open, например:

<button type="button" data-beacel-open>Напишите нам</button>

Шаги для вашего сайта

Выберите инструмент, на котором сделан ваш сайт. Большинство из них Beacel распознаёт, когда читает сайт, и предлагает нужный в шагах настройки.

Проверьте, что всё работает

Откройте свой сайт один раз, затем нажмите в кабинете кнопку Проверить мой сайт. Это может занять несколько минут: Пока не обнаружено. Появится здесь через несколько минут после того, как сайт загрузит код.

Если проверка всё ещё не находит код:

  • Код есть на вашем сайте, но мы ещё не видели, чтобы чат работал. Откройте свой сайт один раз, затем снова нажмите «Проверить мой сайт».
  • Если ваш баннер cookie блокирует скрипты, пока посетитель не согласится, отметьте Beacel как необходимый в настройках баннера.
  • Код добавлен через менеджер тегов или скрипт, который загружается позже? Эта проверка читает HTML страницы и его не видит. Откройте свой сайт один раз: когда чат отметится, вы увидите, что он установлен.

Есть вопросы?

Пишите на hello@beacel.com.