Совсем недавно в релиз вышла Вайбкод платформа, которая позволяет запускать приложения для Битрикс24 без использования кода. Для бизнеса это означает более простой и быстрый способ настройки Битрикс24 под себя: интеграции, калькуляторы, дашборды – все это можно реализовать несколькими промтами.
Как это работает
Вы авторизуетесь на сайте Битрикс24 Вайбкод с помощью своего аккаунта Битрикс24. Создаете новое приложение. Вставляете промт в вашу нейросетку (Codex, Claude или др), она сама создает приложение по описанию и загружает на сервер. 10-15 минут работы и 0 подключенных к задаче программистов.
Давайте пройдем по шагам и создадим простое приложение “Продажи клиенту”. Я буду использовать Claude Code, но вы можете воспользоваться той нейросеткой, которой вам больше нравится.
Описание приложения
Я хочу получить в карточке клиента вкладку, в которой будет список всех товаров и услуг, которые мы продавали за все время.
Из функционала: должен быть фильтр по успешным, неуспешным и всем сделкам. Ну и подсчет общей суммы и количества не помешает.
Шаг 1. Настройка приложения в Вабкод-платформе
Переходим на сайт https://vibecode.bitrix24.tech и авторизовываемся под своим аккаунтом Битрикс24. Если еще нет Битрикс24 – регистрируем бесплатный.
Далее выбираем портал, с которым будем работать. В открывшемся сайте находим кнопку "Создать приложение" и нажимаем на нее. На первом шаге выбираем "Личное приложение" – для нашей задачи этот вариант подходит.
Далее вводим название будущего приложения, я назвал "Продажи клиенту". Готово. На следующем шаге платформа сгенерирует промт с уникальным ключом. Скопируйте его и сохраните, он нам еще понадобится.
Шаг 2. Разработка модуля
Теперь открываем вашу среду разработки (у меня это PHP Storm) и/или запускаем нейросеть (Claude в моем случае). Если у вас проблемы с регистрацей Claude - воспользуйтесь нашей статьей. Вставляем промт в нейросеть и описываем приложение, которое хотим получить.
Уже после публикации приложения я доработал промт специально для статьи:
Сделай мне приложение, которое добавит в карточку компании дашборд, в котором будет список всех товаров и услуг из всех сделок клиента с указанием стоимости и количества. Добавь фильтр по статусу сделки: выигранные, в работе, проигранные, все. По-умолчанию должны выводиться выигранные сделки. Подсчитывай сумму и количество сделок. Услуги и товары должны выводиться с разбивкой по сделкам.
Спустя несколько минут Claude собрал модуль и задеплоил на сервер.
Шаг 3. Встройка приложения в Битиркс24
Теперь давайте встроим дашборд во вкладку Компании и посмотрим итоговый результат. Для этого возвращаемся на сайт вабкод-платформы. В контекстном меню выбираем "Встроить в Битрикс24".
Откроется окно встройки в Битрикс24. Если система попросит - авторизуем ваш портал еще раз. Как только это будет сделано появится список с местами для встройки. Нужный нам вариант: CRM – Вкладка в карточке – Таб в Компании. Выбираем и нажимаем Сохранить.
Шаг 4. Проверка
Теперь заходим в ваш Битрикс24 – CRM – Компании. Если все сделано верно, среди вкладок появится наша. Заходим и видим получившийся дашборд.
В целом, очень даже хорошо для первого прогона.
Советы по работе и вопросы
- Если нужно внести изменения в приложение – просим нейросеть, а потом через нее же загружаем изменения.
- Если после деплоя приложения что-то не работает – смело скармливаете ошибку в нейронку, она все поправит и зальет изменения на сервер.
- Сколько это стоит? Требуется платный тариф Битрикс24 и подписка на BitrixGPT + Маркетплейс. Расширенные сценарии оплачиваются отдельно: на момент написания статьи 1000 вайбов (токенов) стоят 1200
- Если нейронка тупит и не хочет заливать проект на сервер, еще раз пришлите ей ссылку на документацию и ключ.
- Что еще можно сделать с помощью Битрикс24 Вайбкод? Все, что только сможете придумать.
