Михаил Зотов
Fullstack-разработчик

Услуга

Разработка виджетов для amoCRM

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

Что можно сделать виджетом

  • Собственный интерфейс внутри amoCRM
  • Дополнительные элементы в карточке сделки или контакта
  • Работу с данными сделки и контакта
  • Обмен данными с внешней системой по API
  • Автоматизацию действий менеджера
  • Формы и панели внутри виджета
  • Интерфейс виджета на Vue
  • Backend для виджета, если логике нужен сервер

Какие задачи бизнеса решает

  • Дать менеджерам нужную функцию прямо в amoCRM, без переключения между системами
  • Подтянуть в карточку данные из другой системы
  • Убрать повторяющиеся ручные действия в CRM

Виджет и интеграция — в чём разница

Интеграция сайта с amoCRM передаёт данные: заявка с сайта становится сделкой, статусы уходят обратно. Виджет решает другую задачу — добавляет функциональность в сам интерфейс amoCRM: кнопки, панели, формы и расчёты, с которыми работает менеджер. Часто нужны оба, но это разные работы.

Интерфейс на Vue

Сложные панели и формы внутри виджета удобно делать на Vue: интерфейс получается отзывчивым, а код — поддерживаемым. Это мой реальный опыт: разрабатывал на Vue интерфейсы и виджеты для amoCRM.

Когда нужен backend

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

Готовый виджет из маркетплейса или свой

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

Что нужно для начала

1. Описание задачи: что должен делать виджет и кто им пользуется. 2. Доступ администратора к аккаунту amoCRM. 3. Если виджет работает с внешней системой — описание её API и доступы.

Примеры функционала

  • Интерфейс на Vue
  • Ключи и логика с доступом к внешним системам — на сервере
  • Работа в рамках возможностей и ограничений amoCRM
  • Понятная оценка объёма до старта

Как проходит разработка

  1. 1.Разбираю, что должен делать виджет и где он нужен менеджерам
  2. 2.Проверяю, что задача решается в рамках возможностей amoCRM
  3. 3.Разрабатываю интерфейс и, если нужно, backend
  4. 4.Подключаю виджет в ваш аккаунт и проверяю работу
Нужно передавать заявки с сайта в amoCRM?

Интеграция сайта с amoCRM: сделки с контактом, UTM-метками и источником.

Интеграция сайта с amoCRM →
Нужна доработка проекта на Vue?

Компоненты, формы, API и интерфейсы на Vue и Nuxt.

Доработка проектов на Vue.js и Nuxt →
Нужен backend для виджета?

API, база данных и интеграции на Node.js.

Доработка backend и API на Node.js →
Нужно связать amoCRM с другими системами?

Интеграции по API: оплата, доставка, 1С и внутренние сервисы.

Интеграции API →

Используемые технологии

VueJavaScriptamoCRM APINode.jsREST API

FAQ

Чем виджет отличается от интеграции с amoCRM?

Интеграция передаёт данные между amoCRM и другими системами. Виджет добавляет новый функционал в интерфейс amoCRM, с которым работают менеджеры.

Можно ли сделать виджет только для своего аккаунта?

Да. Виджет можно подключить в свой аккаунт без публикации в маркетплейсе amoCRM.

Сколько стоит разработка виджета?

Зависит от того, что должен делать виджет, нужен ли ему backend и связь с внешними системами. Оценку называю после разбора задачи.

Михаил Зотов

Оценю стоимость задачи

Коротко опишите задачу — отвечу со стоимостью и сроком.

Работаю официально как самозанятый · договор и чек

Не хотите заполнять форму? Напишите мне напрямую

Написать в Telegram