amoCRM· Виджеты amoCRM
Разработка виджетов для amoCRM
В карточке сделки появляется то, чего amoCRM не умеет
Пишем виджет и серверную часть на REST API v4 amoCRM, держим сервер с мониторингом. Через API amoCRM работает и наша шахматка Kvadrum.
Глава 01 · Что входит
Что вы получаете
От 250 000 ₸, от 5 дней. Точную сумму фиксируем в КП до старта.
- Разбор задачи и проверка готовых решений в маркетплейсе
- Интерфейс виджета в карточке, списке или настройках
- Серверная часть на REST API v4 и вебхуках
- Авторизация по OAuth и хранение токенов на сервере
- Действия для Salesbot и Digital Pipeline, если нужны
- Сервер, HTTPS, бэкапы и мониторинг
- Установка в ваш аккаунт и инструкция
Глава 02 · Схема
Как это проходит
- Шаг 01Задача и альтернативы
Описываем, что должен делать виджет, и проверяем, нет ли готового решения в маркетплейсе, которое закроет задачу дешевле.
- Шаг 02Прототип интерфейса
Показываем, где и как виджет выглядит в карточке, согласуем поля и кнопки.
- Шаг 03Разработка
Пишем клиентскую часть и сервер, подключаем к тестовому аккаунту.
- Шаг 04Установка и проверка
Ставим виджет в ваш аккаунт, проверяем на реальных сделках с менеджерами.
- Шаг 05Сопровождение
Месяц поддержки после запуска, дальше по договорённости, включая обновления при изменениях API.
Глава 03 · Разбор
Подробно по шагам
Содержание · 5 разделов
amoCRM закрывает основной процесс продаж, но в любой компании находится действие, которого в ней нет: посчитать стоимость по формуле, сформировать договор по шаблону, проверить клиента во внешней системе, показать в карточке данные из склада. Менеджер в итоге открывает ещё три окна и переносит цифры руками. Виджет возвращает это действие в карточку.
Что можно сделать виджетом
- Расчёт в карточке. Калькулятор стоимости, ипотеки, рассрочки или скидки, результат которого записывается в поля сделки.
- Документы. Договор, КП или счёт по шаблону из данных сделки в один клик.
- Данные из внешней системы. Остатки, статус заказа, история оплат из учёта, показанные прямо в карточке.
- Связь со своим продуктом. Например, наша шахматка Kvadrum синхронизирует брони и сделки с amoCRM, и менеджеру не нужно сверять статусы квартир вручную.
- Действия в автоматизации. Шаг, который Salesbot или Digital Pipeline вызывает на определённом этапе: отправить данные во внешний сервис, получить ответ, заполнить поле.
Как устроен виджет технически
Виджет для amoCRM состоит из двух частей. Клиентская часть — архив с манифестом и JavaScript, который amoCRM загружает в интерфейс: в карточку, список, настройки или отдельную страницу. Серверная часть — наш сервис, который общается с amoCRM через REST API v4, авторизуется по OAuth 2.0 и принимает вебхуки о событиях в аккаунте.
Ключи доступа живут только на сервере. В браузере менеджера нет ничего, что позволило бы получить доступ к вашей CRM. Сервер, HTTPS, бэкапы и мониторинг мы берём на себя, код остаётся у вас.
Разработка виджетов для amoCRM: что решить до старта
Есть ли готовое решение. В маркетплейсе интеграций amoCRM много виджетов. Если ваша задача закрывается готовым за подписку, честно скажем об этом.
Где виджет нужен. Только в сделке или ещё в контакте, списке, на отдельной странице. От этого зависит объём работы.
Кто им пользуется. Всем менеджерам или только части. Права виджета настраиваются отдельно.
Тариф amoCRM. Возможности API и интеграций зависят от тарифа, проверяем до разработки.
Что вы получаете на выходе
Виджет установлен в ваш аккаунт и проверен на реальных сделках. Исходный код передаём вам или храним в вашем репозитории, доступы к серверу и аккаунтам интеграции тоже ваши. Отдельно описываем, что виджет делает, какие поля использует и что произойдёт, если эти поля переименовать. Это важно: самая частая причина поломки своих виджетов — кто-то в компании поменял поле, не зная, что от него зависит интеграция.
Чем виджет отличается от отдельного сервиса
Если задача живёт внутри работы с конкретной сделкой, виджет удобнее: менеджер не уходит из CRM. Если это отдельный процесс, например склад, кабинет клиента или дашборд для собственника, лучше отдельный сервис, связанный с amoCRM через API. Пример такого подхода в Битрикс24 — наш калькулятор ипотеки, встроенный пунктом меню. Не уверены, что нужно, опишите задачу, подскажем.
Небольшой виджет с расчётом или документом обычно занимает от пяти дней. Если виджет связывает amoCRM с внешней системой, сначала делаем прототип, чтобы проверить, что нужные данные доступны через API с обеих сторон, и только потом пишем всё целиком.
Глава 04 · Честно
Настроить amoCRM самому или с Emaya
Где спотыкаются чаще всего
Глава 05 · Как работаем
От разбора до запуска
- Шаг 1Разбор
Интервью с собственником и РОПом, аудит текущей CRM и источников заявок.
1–3 дня - Шаг 2Карта процессов
Воронки, роли, точки контроля. Согласуем до того, как что-то настраивать.
3–5 дней - Шаг 3Сборка
Настраиваем Битрикс24 и дописываем недостающие инструменты. Демо каждую неделю.
1–4 недели - Шаг 4Запуск и рост
Обучение, база знаний, поддержка. Дорабатываем, пока цифры не поедут вверх.
дальше — с вами
Подберём настройку amoCRM
3 вопроса — и вы знаете цену и срок
Сколько стоит разработка виджета для amoCRM?
От 250 000 ₸. Простой виджет с расчётом в карточке дешевле, виджет со своим сервером, обменом с внешней системой и действиями в Salesbot дороже. Смету называем после описания задачи.
Сколько времени занимает разработка?
Небольшой виджет от 5 дней. Если нужна связка с внешней системой, срок называем после разбора.
Нужно ли публиковать виджет в маркетплейсе amoCRM?
Нет. Для одной компании делаем приватную интеграцию, которая устанавливается только в ваш аккаунт. Публикация нужна, если вы хотите продавать виджет другим.
Будет ли виджет работать после смены тарифа amoCRM?
Доступ к API и установка своих интеграций зависят от тарифа. Проверяем это заранее и подбираем тариф по прайсу вендора.
Можно ли доработать чужой виджет?
Если у вас есть исходный код и права на него, да. Если виджет из маркетплейса без исходников, чаще проще написать свой.
Где хранятся данные виджета?
Данные сделок остаются в amoCRM. Если виджету нужна своя база, она живёт на сервере, который мы обслуживаем, или на вашем.
Глава 07 · Проекты
Наши проекты по теме
Откройте проект: там описан процесс клиента и есть демо.
Следующий шаг
Сделаем так же у вас
Короткий созвон, и вы знаете срок и цену. Или посчитайте сами в калькуляторе.
Ещё в разделе «amoCRM»