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

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

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

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

Если нужно на свою кнопку повесить событие открытия Чата открытых линий Битрикс 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
#Хлебные крошки, #1С Битрикс, #Bitrix CMS, #bitrix:breadcrumbs, #component_epilog, #кэширование
1 Окт 2018
#bitrix, #bitrix:catalog.section, #скидки, #товары со скидкой, #страница скидок, #страница со скидками
4 Окт 2018
#bitrix, #robots.txt, #sitemap.xml, #поддомены, #мультисайтовость
16 Окт 2018
#ресайз изображений, #1С Битрикс, #Bitrix CMS
3 Мар 2019
#bitrix, #пользовательские свойства, #тип свойств, #привязка к элементам
27 Ноя 2019
#Bitrix CMS, #breadcrumb, #bitrix:breadcrumbs, #хлебные крошки, #настройка
13 Фев 2019
#bitrix, #свойства элементов, #обработчик событий, #OnBeforeIBlockElementUpdate, #OnIBlockElementSetPropertyValues
21 Июл 2020