Общайтесь с вашими клиентами в реальном времени и зарабатывайте больше

JivoSite – бесплатный инструмент общения с клиентами на сайте, в Facebook, ВКонтакте, Одноклассниках, Viber и Telegram.

Email введен неверно Что-то пошло не так. Пожалуйста, зайдите позже

Добро пожаловать в JivoSite!
Проверьте почту, мы отправили вам ссылку на регистрацию. Для установки Jivo вам понадобится компьютер.

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

Вернуться к списку статей

В нашем сервисе вы можете использовать JavaScript методы для открытия окна чата или вызова кнопки звонка чата (callback).

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

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

Пример кода:

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

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

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

<a href="#" onclick="jivo_api.open({start : 'call'});">Позвонить</a>

В этом случае при нажатии на ссылку “Позвонить” в зависимости от ваших настроек сработает либо звонок с сайта, либо откроется форма “Callback”.

Примеры

Sozdanye_proyzvolnoi_knopky_zakaza_zvonka1

Для того, чтобы разместить пример кнопки с чатом и вызовом звонка на сайте вам необходимо скачать архив с файлами (ссылка) и разместить его в корне вашего сайта. Файлы должны быть доступны по адресу 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>

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

Sozdanye_proyzvolnoi_knopky_zakaza_zvonka2

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

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

Есть вопросы? Спросите техподдержку в чате на сайте, мы всегда рады помочь. Работаем 24 часа 7 дней в неделю.