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

  • 2020-05-05
  • Дмитрий М.
  • 38

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

<h2>Открыть «Чат» по клику на кнопку:</h2> <p> Если нужно на свою кнопку повесить событие открытия Чата открытых линий Битрикс 24, для этого необходимо добавить следующий JS код: </p> <pre class="line-numbers"><code class="language-javascript">function b24Chat(){  <br>    $('.b24-widget-button-openline_livechat .b24-widget-button-social-tooltip').trigger("click"); }</code> </pre> <p> Теперь для нужной кнопки необходимо прописать  JavaScript событие при клике по ней для этого добавим атрибут <b>onclick</b>, должно получится на подобии: </p> <pre class="line-numbers"><code class="language-markup"> &lt;button class="btn btn-primary" onclick="b24Chat();"&gt;Написать менеджеру&lt;/button&gt; &lt;!-- Или если в виде кнопки оформлена ссылка --&gt; &lt;a href="javascript:void(0)" class="btn btn-primary" onclick="b24Chat();"&gt;Написать менеджеру&lt;/a&gt; </code> </pre> <p> Теперь при клике по кнопке будет открываться «Чат» открытых линий. </p> <h2>Открыть «Заказать звонок» по клику на кнопку:</h2> <p> Если нужно на свою кнопку повесить событие открытия Заказа обратного звонка открытых линий Битрикс 24, для этого необходимо добавить следующий JS код: </p> <pre class="line-numbers"><code class="language-javascript">function b24Call(){  <br>    $('.b24-widget-button-callback .b24-widget-button-social-tooltip').trigger("click"); }</code> </pre> <p> Теперь для нужной кнопки необходимо прописать JavaScript событие при клике по ней для этого добавим атрибут <b>onclick</b>, должно получится на подобии: </p> <pre class="line-numbers"><code class="language-markup"> &lt;button class="btn btn-primary" onclick="b24Call();"&gt;Заказать звонок&lt;/button&gt; &lt;!-- Или если в виде кнопки оформлена ссылка --&gt; &lt;a href="javascript:void(0)" class="btn btn-primary" onclick="b24Call();"&gt;Заказать звонок&lt;/a&gt; </code> </pre> <p> Теперь при клике по кнопке будет открываться «Заказ звонка» открытых линий. </p>

05.05.2020 00:27:08

Screenshot_6.png

Screenshot_6.png

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

При использовании виджета обратного звонка/чата от Битрикс24 ( Открытые линии ) иногда возникает необходимость, открытия окна заказа звонка или чата не при клике на иконку «Открытых линий», а по нажатию любой другой кнопки в шаблоне.
Приведу пример - как повесить событие открытия «Открытых линий» на свою кнопку.

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

Если нужно на свою кнопку повесить событие открытия Чата открытых линий Битрикс 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>  

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



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

Возврат к списку