Кейс: как мы собрали виджет для сайта на Tilda с помощью нейросети
Мы давно хотели аккуратную кнопку связи на сайт:
1. чтобы выглядело минималистично,
2. чтобы работало и на мобильных, и на десктопе,
3. и чтобы клики отслеживались в Яндекс.Метрике.
Казалось бы, задача стандартная. Но на деле оказалось, что «готовые решения» не подходят:
- платформы берут подписку ≈13 000 руб/год,
- кастомизации почти нет,
- а общение с техподдержкой заняло 4 дня и так и не дало результата.
Короче, слишком дорого, долго и неудобно.
Решение — нейросети
Мы пошли другим путём и обратились к ChatGPT. Просто описали задачу человеческим языком: «нужна кнопка с иконкой сообщения, при наведении раскрываются WhatsApp, Telegram и звонок, со своими ссылками и с Яндекс.Метрикой».
Дальше случилась магия: нейросеть написала рабочий код с нуля.
Мы несколько раз уточняли:
- «хочу, чтобы кнопка была круглой»,
- «пусть раскрывается вверх, а не вниз»,
- «иконка WhatsApp слишком мелкая, давай поправим»,
- «на мобильных пусть закрывается и при тапе по кнопке, и при клике вне её».
И каждый раз за минуту появлялся новый вариант кода, готовый к вставке в Tilda.
Vibe-кодинг в действии
По сути, мы применили тренд, который сейчас называют vibe-coding. Это когда разработка идёт не с помощью программиста по строгим ТЗ, а через диалог с нейросетью: «хочу, чтобы оно работало вот так».
Ты не пытаешься говорить с программистом на его языке, не оплачиваешь дорогую почасовую работу. Просто описываешь ожидаемый результат и нейросеть превращает его в рабочий код.
И это реально работает!
Код я проверяла через другую нейронку. Попросила поискать баги и слабые места в коде. Итог, с кодом всё отлично.
В конце концов, это всего лишь мультикнопка. Не такая уж сложная задачка.
Подключили аналитику
Даже с Яндекс.Метрикой справились вместе с ChatGPT. Сначала клики не отображались. Нейросеть подсказала: код счётчика стоял выше кода виджета, из-за этого события не ловились. Перенесли кнопку в футер → всё заработало.
Итог
- У нас теперь собственный бесплатный виджет, который полностью отвечает требованиям.
- Мы сэкономили 13 000 руб/год, отказавшись от стороннего сервиса.
- Больше не тратим дни на переписки с техподдержкой — достаточно пары уточнений в диалоге с нейросетью.
- И главное: у нас есть живой опыт, как тренд vibe-кодинга работает в реальном проекте.
Нейросеть может дать конкретный рабочий инструмент, который стоит на сайте и приносит пользу и конверсии.
Если есть вопросы, можете писать мне в TG