Портфолио
Портфолио

Виджет звонков для веб-сайта

Виджет, позволяющий посетителям сайта запросить обратный звонок на свой номер или же позвонить в компанию через веб-страницу прямо из браузера.
Заказчик
Австралийский телекоммуникационный провайдер VoIPline Telecom
Развиваем проект c 2022 года
Основная проблема
Если посетитель сайта использует компьютер, то для звонка в компанию ему приходится доставать смартфон и вручную набирать номер. Либо же человек не хочет оставлять свой номер из-за опасений получить спам — в результате он не звонит, и компания теряет потенциального клиента.
Ключевая задача
Разработать легковесный виджет, который можно встроить на любой веб-сайт, дающим посетителям возможность заказать обратный вызов на свой номер телефона, или совершить вызов напрямую через браузер.
Стек технологий
  • SIP over WebSocket
  • WebRTC
  • Vue.js
Веб-сайт с открытым виджетом звонка и формой обратного вызова

Режим «Обратный вызов»

В этом режиме пользователь может ввести номер телефона и инициировать обратный звонок. Если номер введён корректно, применится форматирование, подтверждающее его валидность. Система сначала совершает звонок на номер посетителя сайта, а затем соединяет его с телефонной линией компании.
Режим «Обратный вызов»

Режим звонка через виджет

В этом режиме пользователь может совершить звонок напрямую в телефонную сеть компании через виджет. Он может управлять микрофоном и вводить DTMF-сигналы (тональные команды), например, для выбора пункта в голосовом меню.
Режим звонка через виджет

Совместный режим

Клиент может настраивать режимы работы виджета: только «Обратный вызов», только режим прямого звонка или совместный режим, когда посетитель сайта может сам решить, как ему связаться с компанией.
Совместный режим

Гибкая настройка

Помимо выбора режима работы виджета, доступны многочисленные дополнительные настройки: гибкое расписание отображения с учётом часового пояса (по времени суток, дням недели, числам месяца, месяцам или даже конкретным годам), ограничение по странам для номеров телефонов, на которые разрешён обратный звонок, настройка номера, который будет отображаться при звонке клиенту, установка лимита на количество одновременных вызовов через виджет, а также возможность получать email-уведомления при достижении этого лимита.
Гибкая настройка