Код и приложения - WebSoftLeader

Разработка чат-виджетов и кнопок контактов

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

Посмотреть проекты
Заполнить бриф
Стоимость$35/часСрокиПо согласованному плану
Vladimir NikolaevWebSoftLeaderVladimir Nikolaev - эксперт WebSoftLeader
Разработка чат-виджетов и кнопок контактов
ВАША ТОЧКА СТАРТА

Как виджет помогает начать обращение

Есть задача, которую важно решить

Контакты разбросаны по странице, кнопка перекрывает важный элемент на телефоне или обращения приходят без контекста страницы.

Нужен понятный рабочий сценарий

Контакты разбросаны по странице, кнопка перекрывает важный элемент на телефоне или обращения приходят без контекста страницы.

Хотите согласовать первую версию

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

В СОСТАВЕ РАБОТ

Что разработаем для контактов

Единый набор контактов

Соберём выбранные мессенджеры, звонок, почту и форму с понятными названиями каналов.

Поведение под ваши страницы

Настроим раскрытие, положение и ограничения с учётом мобильных экранов и других элементов.

Управление и проверки переходов

Предусмотрим нужные настройки и проверим адреса, клавиатуру и действия на согласованных устройствах.

Проверка и передача

Проверяем согласованный сценарий и передаём доступы для управления.

Обсудим, что нужно именно вамПодберём объём под задачу и приоритеты.
ПОСЛЕДНИЕ ПРОЕКТЫ

Последние проекты WebSoftLeader

Посмотрите последние проекты WebSoftLeader и интерфейсы связи. Для вашего сайта предложим виджет с проверкой на основных страницах и телефоне.

Всё портфолио
salecrm.ru
SaleCRM  -  управление продажами  -  реальный снимок сайта
CMS и CRM

SaleCRM - управление продажами

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

CRMИнтерфейсПродукт
Посмотреть решение
lpcms.ru
LP CMS  -  визуальный редактор лендингов  -  реальный снимок сайта
CMS и CRM

LP CMS - визуальный редактор лендингов

Сайт визуального редактора лендингов, где продукт можно понять через его интерфейс. Демонстрация редактирования дополняется объяснением импорта HTML, установки и условий использования.

Визуальный редакторHTMLПродукт
Посмотреть решение
Специалист читает сообщения на смартфонеРазработка чат-виджетов и кнопок контактов
ПРОДУМАННЫЙ ПОДХОД

Способ связи виден и понятен

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

Кнопка выполняет понятное действие

Подпись и результат соответствуют выбранному каналу.

Виджет не теряет управление

Открытие и закрытие доступны в согласованных состояниях страницы.

Контакты имеют нужные настройки

Проверяем выбранные значения и их применение на сайте.

ОТ ПЕРВОГО РАЗГОВОРА ДО ЗАПУСКА

Как создаём виджет контактов

  1. 01

    Задача и первый прототип

    Согласуем состав работ и подготовим первоначальный прототип или план до оплаты.

  2. 02

    Утверждение и старт

    Вы утверждаете прототип и оплачиваете 30%. Начинаем согласованную реализацию.

  3. 03

    Показ рабочей версии

    Показываем основные страницы и функции или согласованные результаты этапа. После приёмки вы оплачиваете ещё 30%.

  4. 04

    Сдача проекта

    Завершаем проверки и передаём проект, материалы и доступы. После приёмки вы оплачиваете остаток 40%.

ОБЪЁМ - СТОИМОСТЬ - СРОКИ

Стоимость кнопки и действий

Работа стоит $35/час. Объём зависит от каналов, поведения, настроек, формы и подключений к вашей обработке заявок.

  • Единый набор контактов
  • Поведение под ваши страницы
  • Управление и проверки переходов
  • Проверка и передача
Ставка разработки$35/часПо согласованному плануФинальный объём согласуем до начала работ.
ОПЛАТА ПО РЕЗУЛЬТАТАМ ЭТАПОВ

Сначала посмотрите результат этапа.

Согласуем задачу и подготовим первый прототип до оплаты. Вы сможете оценить структуру и путь клиента, прежде чем продолжать разработку.

Первый прототип до первого платежа

Согласованный первоначальный прототип показывает ключевую страницу или основной сценарий клиента. Для SEO, рекламы и задач без интерфейса первым результатом будет план работ. Число экранов и итераций фиксируем в брифе.

  1. 0130%

    После согласования прототипа

    Вы утверждаете прототип или план работ и оплачиваете 30% согласованной стоимости проекта. После этого начинаем реализацию.

  2. 0230%

    После рабочей версии

    Показываем согласованные основные страницы и функции или перечисленные результаты этапа. После их приёмки вы оплачиваете ещё 30%.

  3. 0340%

    После сдачи проекта

    Завершаем согласованные проверки, сдаём проект и передаём материалы и доступы. Оставшиеся 40% оплачиваются после приёмки.

Эта схема действует для проектов с фиксированным составом работ. Для ежемесячного сопровождения и небольших почасовых задач условия согласуем отдельно. Рекламный бюджет, хостинг, лицензии и комиссии сторонних сервисов указываем в предложении отдельными строками.

Работаем удалённо. Обсуждение, показы и передача проекта проходят онлайн. Время встреч и язык общения согласуем до начала работы.

ПОДХОД WEBSOFTLEADER

Каналы связи собираем в понятный интерфейс

Определяем контакты, время работы и сценарии обращения. Затем выбираем положение, раскрытие и поведение на разных экранах.

Человеку нужен понятный выбор

Одна общая иконка может быть красивой, но после раскрытия названия каналов должны читаться. Показываем реальные варианты связи и не имитируем онлайн-оператора, если его нет.

Положение проверяем на телефоне

Учитываем нижнюю навигацию, баннеры и кнопки страницы. Согласуем отступы и видимость, проверяем открытый список и экранную клавиатуру при заполнении формы.

Тематическое изображение: Разработка чат-виджетов и кнопок контактов

Анимация помогает заметить кнопку

Выбираем умеренное движение и учитываем настройку уменьшения анимации. Раскрытие не должно мешать нажатию или менять положение остальных элементов.

Ссылки и доступность

Проверяем формат контактов, подписи и управление клавиатурой. Поведение перехода зависит от устройства и установленных приложений; запасной путь согласуем там, где он нужен.

Формы и измерение обращений

Если нужна заявка внутри виджета, подключим форму с обработкой. Событие нажатия можно учитывать отдельно от фактического обращения, чтобы не путать эти показатели.

Внедрение и стоимость

Работа стоит $35/час. На оценку влияют дизайн, настройки, исключения по страницам и дополнительные интеграции. Проверяем виджет с текущими элементами сайта.

Vladimir Nikolaev
CEO и эксперт по веб-разработке и SEO

Vladimir Nikolaev

CEO и эксперт по веб-разработке и SEO. Разработчик сайтов и SEO-специалист с 2015 года. Vladimir Nikolaev связывает задачу бизнеса со структурой, содержанием и кодом проекта.

Об эксперте
ПЕРЕД СТАРТОМ

Вопросы о контактных виджетах

На вопросы отвечает Vladimir Nikolaev.

Можно добавить несколько мессенджеров?

Да. Нужны действующие ссылки и понятные названия. Проверим переходы в согласованном перечне устройств.

Можно убрать виджет с отдельных страниц?

Предусмотрим правила видимости, если это входит в задачу. Например, его можно скрывать там, где он мешает основному действию.

Можно сделать анимированную кнопку?

Да. Согласуем характер движения и учтём пользователей, которые предпочитают уменьшенную анимацию.

Сотрудник сможет менять контакты?

Выведем согласованные настройки в админку или конфигурацию. При сохранении проверим формат ссылок и номера.

Можно узнать число обращений?

Нажатия измеряются событиями, а подтверждённые обращения требуют данных канала или формы. Эти показатели нужно учитывать отдельно.

Виджет добавит настоящий чат?

Кнопки перехода и встроенный чат являются разными функциями. Для чата потребуется определить операторов, хранение сообщений и выбранный сервис.

ДЛЯ РАЗВИТИЯ ПРОЕКТА

Что ещё может пригодиться

НАЧНЁМ С ВАШЕЙ ЗАДАЧИ

Какие каналы нужны вашим посетителям?

Пришлите адрес сайта, контакты и пожелания к поведению. Проверим размещение на телефоне и состав настроек.

WEBSOFTLEADER

Расскажите, что нужно улучшить.

Пришлите сайт или опишите процесс. Предложим первый шаг, согласуем состав работ и подготовим оценку.