Собственный сайт

Добавьте код

1. В кабинете Beacel откройте вкладку Виджет, а в ней вкладку Размещение, и скопируйте код.
2. Вставьте его в HTML каждой страницы, прямо перед </body>.
3. Загрузите изменённые файлы на свой сайт.

<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>

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

Строка загружается с атрибутом async, поэтому никогда не задерживает вашу страницу.

Сайт на PHP с общим подвалом

Многие сайты на PHP хранят конец каждой страницы в одном файле, часто footer.php, который подключает каждая страница. Тогда строка вставляется в этот файл один раз и есть на каждой странице:

<!-- footer.php: the end of every page -->
<footer>
  <p>Гитарная школа «У реки», ул. Речная, 12</p>
</footer>
<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>
</body>
</html>

Каждая страница подключает подвал в своём конце, как и раньше:

<?php include __DIR__ . '/footer.php'; ?>

Так же работает любой шаблон, общий для всех страниц: файл макета, базовый шаблон или отдельный файл подвала в генераторе сайтов.

Чат внутри страницы или ваша собственная кнопка

Чтобы показать чат внутри одной страницы, например страницы контактов, вставьте этот код туда, где должен появиться чат (строка выше тоже должна быть на этой странице):

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

Чтобы открывать чат своей кнопкой, добавьте кнопке data-beacel-open:

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

Больше возможностей для разработчиков: Widget.

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

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