/ Открываем виджет обратного звонка Битрикс 24 по нажатию кнопки в шаблоне сайта.

Открываем виджет обратного звонка Битрикс 24 по нажатию кнопки в шаблоне сайта.

5 май 2020
Дмитрий М.
3260

Открыть «Чат» по клику на кнопку:

Если нужно на свою кнопку повесить событие открытия Чата открытых линий Битрикс 24, для этого необходимо добавить следующий JS код:

function b24Chat(){
    $('.b24-widget-button-openline_livechat .b24-widget-button-social-tooltip').trigger("click");
}
        

Теперь для нужной кнопки необходимо прописать  JavaScript событие при клике по ней для этого добавим атрибут onclick, должно получится на подобии:

<button class="btn btn-primary" onclick="b24Chat();">Написать менеджеру</button>

<!-- Или если в виде кнопки оформлена ссылка -->

<a href="javascript:void(0)" class="btn btn-primary" onclick="b24Chat();">Написать менеджеру</a>
        

Теперь при клике по кнопке будет открываться «Чат» открытых линий.

Открыть «Заказать звонок» по клику на кнопку:

Если нужно на свою кнопку повесить событие открытия Заказа обратного звонка открытых линий Битрикс 24, для этого необходимо добавить следующий JS код:

function b24Call(){
    $('.b24-widget-button-callback .b24-widget-button-social-tooltip').trigger("click");
}
        

Теперь для нужной кнопки необходимо прописать JavaScript событие при клике по ней для этого добавим атрибут onclick, должно получится на подобии:

<button class="btn btn-primary" onclick="b24Call();">Заказать звонок</button>

<!-- Или если в виде кнопки оформлена ссылка -->

<a href="javascript:void(0)" class="btn btn-primary" onclick="b24Call();">Заказать звонок</a>
        

Теперь при клике по кнопке будет открываться «Заказ звонка» открытых линий.

Статья была полезна? Поблагодарите автора.

Самые читаемые
#1С Битрикс, #Bitrix CMS, #.htaccess, #настройка редиректов
4 авг 2019
#bitrix:news, #сортировка, #фильтрация, #bitrix:catalog, #catalog.section, #news.list
16 дек 2020
#Хлебные крошки, #1С Битрикс, #Bitrix CMS, #bitrix:breadcrumbs, #component_epilog, #кэширование
1 окт 2018
#bitrix, #свойства элементов, #обработчик событий, #OnBeforeIBlockElementUpdate, #OnIBlockElementSetPropertyValues
21 июл 2020
#Bitrix CMS, #breadcrumb, #bitrix:breadcrumbs, #хлебные крошки, #настройка
13 фев 2019
#ресайз изображений, #1С Битрикс, #Bitrix CMS
3 мар 2019
#bitrix, #robots.txt, #sitemap.xml, #поддомены, #мультисайтовость
16 окт 2018
#bitrix, #bitrix:catalog.section, #скидки, #товары со скидкой, #страница скидок, #страница со скидками
4 окт 2018
#bitrix, #пользовательские свойства, #тип свойств, #привязка к элементам
27 ноя 2019