Пример: Click to call

В этом небольшом руководстве будет показано, как при помощи платформы Carusto можно легко добавить виджет click-to-call на веб-сайт.

Итак, как это будет работать:

  • Посетитель веб-сайта хочет связаться с вашей организацией. Он заполняет форму для обратной связи, указывая номер телефона.
  • Веб-страница в свою очередь отправляет веб-форму на веб-сервер, где при помощи Carusto REST API идет обращение.
  • Платформа Carusto принимает запрос и инициализирует новый звонок.
  • Пользователь получает звонок на указанный номер.
  • Платформа Carusto маршрутизирует (направляет) звонок.

Настройки окружения

Для нашего приложения ClickToCall необходимо для начала сконфигурировать API ключ. Кроме этого нам также необходимо узнать доменное имя для запроса, которое указано в настройках панели администратора (System - General).

Пример API ключа и доменного имени (realm)

Ключ Доменное имя
1234567890 mycompany.carusto.net

Форма на веб странице

Первым делом что бы создать приложение click-to-call нам необходимо добавить форму на веб страницу. Цель этой формы получить от пользователя его номер телефона, после чего на него будет совершен звонок.

Пример формы

<form id="contactForm" role="form">
  <div class="form-group">
    <h3>Call Sales</h3>
    <p class="help-block">
      Are you interested in impressing your friends and
      confounding your enemies? Enter your phone number
      below, and our team will contact you right away.
    </p>
  </div>
  <div class="form-group">
    <input type="text" id="phoneNumber"
      placeholder="(651) 555-7889" class="form-control">
  </div>
  <button type="submit" class="btn btn-default">
  Contact Sales
  </button>
</form>

Новый звонок

После того как веб-сервер получил данные с номером телефона пользователя. Мы должны совершить звонок на него с указанием действий для дальнейшей маршрутизации.

Вариант 1: Звонок зарегистрированному пользователю Carusto

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

Пример

TODO
TODO
TODO
TODO
TODO

Вариант 2: Звонок в очередь

Если мы хотим сначала позвонить на указанный номер, и после ответа обработать звонок в входящей очереди, нам необходимо будет использовать CarustoML. CarustoML позволяет указать действия которые должна выполнить система с звонком.

Наш CarustoML будет выглядеть следующим образом

TODO
TODO
TODO
TODO
TODO

После чего сформируем окончательный запрос к серверу через Carusto REST API

TODO
TODO
TODO
TODO
TODO

Вариант 3: Не рабочее время

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

Итак, нам нужно:

  • Сделать звонок на указанный номер.
  • Сообщить о том что сейчас не рабочее время.
  • Добавить номер в исходящую очередь.

CarustoML который нам нужен

TODO
TODO
TODO
TODO
TODO