Ноя
12

Не нашел нигде, как сделать, чтобы свои кнопки или ссылки на обратный звонок открывали окно с формой обратного звонка в виджете crm Bitrix24. Пришлось приложить голову и написать пару строк.

Это кнопка, которую нужно нажать с помощью javascript:

Голубая кнопка на сайте, которая должна открывать форму обратного звонка

Код моей функции на Jquery, я добавил в конце своих страниц
<script>
$('.callmebl a').on('click', function(){ //вешаем событие click на нашу кнопку обратного звонка
$('.b24-widget-button-social-tooltip').trigger("click"); //запускаем событие click на кнопке обратного звонка в виджете чата Вitrix24

});</script>

И вот что получилось:

Пишите свои вопросы и идеи по улучшению кода в комментарии.

Свяжитесь со мной, если вам нужна доработка функционала crm Bitrix 24.

5 Comments:
Кир 27.03.2018 Ответить

Привет! Класс! Спасибо за статью. Есть вопрос. Что пишешь в ссылке, чтобы сценарий заработал? Спасибо!

timach-ufa 27.03.2018 Ответить

Текст ссылки обратный звонок в данном случае, а адрес # или любой, просто добавить return false, чтобы после нажатия, ссылка не сработала.

Кир 01.04.2018 Ответить

Ничего не получается.

Пишем скрипт в любом месте страницы:

$(‘.callmebl a’).on(‘click’, function(){ //вешаем событие click на нашу кнопку обратного звонка
$(‘.b24-widget-button-social-tooltip’).trigger(«click»); //запускаем событие click на кнопке обратного звонка в виджете чата Вitrix24

});

Ссылку

Нажми здесь

Где ошибки?

Кир 06.04.2018 Ответить

Не могу вставить код в комментарий.
Можешь написать полностью процесс от и до. Какой код в ссылки и куда вставлять код функции на Jquery. Заранее спасибо.

Никита 11.03.2019 Ответить

Если кому то нужно:
Этот код вставляете вниз вашей страницы пред тегом

$(‘id кнопки’).on(‘click’, function(){ //вешаем событие click на нашу кнопку обратного звонка
$(‘.b24-widget-button-callback span’).trigger(«click»); //запускаем событие click на кнопке обратного звонка в виджете чата Вitrix24

});

Вместо id кнопки — меняете в коде на название вашей кнопки или ссылки. Предположим у вас ссылка/кнопка вида , то меняете id кнопки на #кнопка.(Хэштег обязательно) Если у вас у ссылки/кнопки которую надо кликать нет id то добавьте как я выше написал.

Вторую строку меняем в зависимости от того что должно открыться.
.b24-widget-button-callback span — обратный звонок
.b24-widget-button-crmform span — crm форма
.b24-widget-button-openline_livechat span — онлайн-чат

Вроде работает)

Leave a Comment:

Your email address will not be published.