Создание произвольной кнопки заказа звонка

В нашем сервисе вы можете использовать JavaScript-методы для открытия окна чата или вызова окна заказа звонка.
В этой статье расскажем, как добавить на сайт дополнительную кнопку для открытия чата и заказа звонка.

Общее описание

Для вызова окна чата вы можете использовать метод jivo_api.open(); При вызове данного метода откроется основное окно чата.

Пример кода:

<a href="javascript:jivo_api.open()">Открыть чат</a>

Данный код выведет ссылку "Открыть чат", при нажатии на которую откроется окно чата.

Для вызова окна заказа звонка вы можете использовать следующий код:

<a href="javascript:jivo_api.open({start : 'call'})">Заказать звонок</a>

В этом случае при нажатии на ссылку "Позвонить" откроется окно заказа обратного звонка.

Примеры реализации#

Для того, чтобы разместить такую кнопку с чатом и заказом звонка на сайте, вам необходимо скачать архив с файлами (ссылка), распаковать его и разместить файлы в корне вашего сайта. Файлы должны быть доступны по адресу http://АДРЕС-ВАШЕГО.САЙТА/jcall.png и т.д.

После этого в нужное место сайта необходимо разместить следующий блок с кодом кнопки:

<div id="jivocb" class="jivocb-container" ontouchstart="this.classList.toggle('hover');">
<div class="jivocb-wrap">
<div class="jivocb-front">
</div>
<div class="jivocb-back">
<div class="jivocb-call" onclick="jivo_api.open({start : 'call'});"></div>
<div class="jivocb-chat" onclick="jivo_api.open();"></div>
</div>

Затем - добавить стили кнопки и JavaScript код:

<link rel="stylesheet" href="cb.css" type="text/css" />
<script src="jscallbut.js" type="text/javascript"></script>

После этого на вашем сайте должна появиться следующая кнопка:

Если вы хотите изменить положение кнопки, то вам нужно изменить значения в файле "cb.css" из архива 

bottom: 45px; Вертикальное положение кнопки
left: 50px; Горизонтальное положение кнопки