Не нашел нигде, как сделать, чтобы свои кнопки или ссылки на обратный звонок открывали окно с формой обратного звонка в виджете 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 Thoughts to “Открытие по нажатию ссылки (кнопки) формы обратного звонка в виджете Bitrix24”

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

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

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

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

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

    });

    Ссылку

    Нажми здесь

    Где ошибки?

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

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

    $(‘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 — онлайн-чат

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *