Appearance
Встраивание в сайт
Виджет встраивается добавлением JavaScript на страницы сайта
Встраивание в HTML страницу
При встраивании в HTML
сайта код должен быть внутри тега script
и размещаться в теле страницы. В код необходимо вставить ваши идентификаторы виджета и источника размещения. В функцию createWidget
(строка 11 в примере) вставьте идентификаторы вместо id и source. Например createWidget(1, 'SOURCE_2285')
html
<body>
...
<script>
function addWidget () {
const chws = document.createElement('script')
chws.src = 'https://cdn.rnsb.su:1443/nsb-widget/chat-widget.js'
chws.onload = () => {
const chw = document.createElement('div')
chw.id = 'chat-widget'
document.body.append(chw)
// ниже 'id' - id виджета; 'source' - идентификатор источника размещения
window.ChatWidget.createWidget('id', 'source')
}
chws.onerror = e => console.log('Ошибка при загрузке виджета чата')
document.head.append(chws)
}
addEventListener("DOMContentLoaded", addWidget)
</script>
...
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Встраивание в Drupal сайт
- Создайте пользовательский блок
Структура > схема блоков > пользовательские блоки
нажмите создать блок. - В разделе
Описание блока
введите название блока - В разделе
Содержимое
выберитеТекстовый формат: code
и вставьте код из примера ниже. - Нажмите сохранить
- Зайдите в раздел
Структура > схема блоков
найдите нужную область напримерSubfooter First
и нажмитеРасположить блок
- Найдите в списке созданный пользовательский блок и нажмите
Разместить блок
- Снимите галочку
Отображать заголовок
- Нажмите
Сохранить блок
В код необходимо вставить ваши идентификаторы виджета и источника размещения.
html
<script>
function addWidget () {
const chws = document.createElement('script')
chws.src = 'https://cdn.rnsb.su:1443/nsb-widget/chat-widget.js'
chws.onload = () => {
const chw = document.createElement('div')
chw.id = 'chat-widget'
document.body.append(chw)
// ниже 'id' - id виджета; 'source' - идентификатор источника размещения
window.ChatWidget.createWidget('id', 'source')
}
chws.onerror = e => console.log('Ошибка при загрузке виджета чата')
document.head.append(chws)
}
addEventListener("DOMContentLoaded", addWidget)
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Пример блока кнопки в Drupal
Кнопка по клику открывает окно обратного звонка order_call
Пользовательский блок. Текстовый формат: code
html
<div>
<a href="javascript:void(0)" class="button button--hover-style-2" onclick="FMX22?.win?.orderCall?.show()">
Перезвоните мне
</a>
</div>
1
2
3
4
5
2
3
4
5
Встраивание формы бронирования
Для встраивания формы бронирования на странице должен присутствовать элемент указанный в настройках формы mount_point
Если mount_point
в настройках не указан, то по умолчанию это элемент:<div data-name="booking-form"></div>
Если этот элемент есть на странице форма встроится в него.