В этой статье я расскажу как за 10 минут и без всякого программирования разместить на своем сайте кнопку Позвонить, нажав на которую любой посетитель вашего сайта сможет позвонить к вам в офис.

Кнопка представляет собой специальную версию программного VoIP SIP телефона Flaphone, работающего на технологии Flash. Телефон Flaphone встраивается в ваш сайт и осуществляет вызовы непосредственно из браузера пользователя.

Вот что пишут о телефоне его создатели.

Flaphone™ – это веб-сервис, представляющий собой софтфон (программный телефон), совместимый с SIP (Session Initiation Protocol — протокол установления сессии) и работающий прямо в интернет-браузере, без установки специального программного обеспечения*. Все что нужно – это доступ в Интернет, динамики и микрофон**. Пользователи flaphone™ могут свободно звонить друг другу, на SIP-телефоны, а также на любые телефонные номера, подключив через панель управления учетную запись любого SIP-оператора.

* Для работы сервиса необходим установленный Adobe Flash Player версии 9 или выше.

** Использование flaphone™ без гарнитуры приведет к тому, что ваш собеседник будет слышать собственное эхо. Эта особенность вызвана тем, что на данный момент Adobe Flash Player не поддерживает подавление эхо.

Возможность простой и безопасной интеграции web телефона и 3CX Phone System появилась после запуска компанией Укртелеком услуги ОГО! Телефония, звонки между номерами которой бесплатны.

Основное преимущество предложенного метода интеграции состоит в том, что вам не требуется открывать никаких портов на офисном файрволе, настраивать DNS и sip домен, и делать специфические настройки идентификации входящего вызова в 3CX Phone System.

Процедура интеграции с web сайтом состоит из следующих этапов:

• Регистрация двух аккаунтов ОГО! Телефония. Напомню, что один пользователь услуги ОГО! Интернет может зарегистрировать до трех аккаунтов. Первый аккаунт будет привязан к web телефону Flaphone на сайте, а второй – к офисной 3CX Phone System. При нажатии кнопки на сайте первый аккаунт будет просто вызывать второй аккаунт.

• Регистрация на сайте Flaphone и настройка параметров кнопки Позвонить.
• Генерация HTML кода и размещение его в удобном месте на web сайте.

Рассмотрим интеграцию на конкретном примере – разместим кнопку на сайте 3cx.com.ua.

1. Зарегистрируйте два аккаунта ОГО! Телефония, как описано здесь. Я создал два аккаунта (номера телефона) 380892500301 и 380892500299.

2. Зарегистрируйтесь на сайте Flaphone.

3. После получения письма активации, зайдите в настройки Flaphone с вашими учетными данными и нажмите кнопку Меню в центре телефона. После этого нажмите на иконку SIP аккаунты.

4. Зарегистрируйте первый аккаунт 380892500301 на сервере sip.ukrtel.net и нажмите Сохранить.

5. Нажмите на иконку CallMe виджет.

6. Заполните все поля кастомизации кнопки, как описано здесь. В поле Номер или SIP URI укажите 7 последних цифр номера из второго аккаунта. Внутри сети ОГО! Телефония используется семизначная нумерация!

7. Нажмите кнопку Save, а затем Получить embed код.

8. Полученный код вставьте на свой сайт в подходящем месте. Возможно, вам придется поэкспериментировать с шириной кнопки и виджета в целом, чтобы они гармонично смотрелись на сайте.

9. Нажав на иконку микрофона, можно выбрать микрофон, который должен использоваться браузером во время вызова. Также может появиться запрос на доступ к локальному аудио оборудованию. Нажмите Allow. Нажмите Позвонить. Flaphone наберет номер второго аккаунта (380892500299), который должен быть зарегистрирован на 3CX Phone System.

10. Если вы настроили входящее правило на 3CX таким образом, что вызовы с сайта попадают сперва на голосовое меню, рекомендую в настройках CallMe виджет установить опцию Показать клавиши DTMF, чтобы звонящий пользователь мог донабрать нужный номер.

Настройка закончена!