Каждый, кто когда-либо заказывал еду онлайн, сталкивался с этим: вы уже выбрали бургер, пролистали меню, перешли в корзину и собираетесь нажать «Оформить заказ», как вдруг — бах! — всплывающее окно «С этим товаром также покупают». Или того хуже: в корзину автоматически добавился соус, который вы не просили, а кнопка «Убрать» спрятана где-то в недрах интерфейса.

Маркетологи называют это кросс-сейлом — перекрёстными продажами. Владельцы бизнеса видят в нём способ поднять средний чек. Пользователи — повод закрыть сайт и больше ничего не заказывать.

Можно ли сделать так, чтобы кросс-сейл работал на бизнес, но не бесил клиента? Можно. И вот как мы это реализовали при разработке коммерческого сайта для сети ресторанов Фри Тайм

Классические приёмы перекрёстных продаж в интернет-магазинах и сервисах доставки обычно выглядят так:

• Всплывающее окно сразу после добавления товара в корзину.
• Баннер на пол-экрана при попытке перейти к оплате.
• Автоматическое добавление сопутствующих товаров без явного согласия пользователя.

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

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

Результат: вместо роста среднего чека — потерянные заказы и негативный пользовательский опыт.

Фри Тайм — сеть из трёх ресторанов в Благовещенске, известная бургерами, роллами и фирменным корейским супом Куксу. Перед нами стояла задача автоматизировать приём онлайн-заказов и заложить механику роста среднего чека.

Мы сразу отказались от агрессивных поп-апов. Вместо этого сформулировали три принципа, на которых построили решение:

• Не прерывать пользователя. Кросс-сейл не должен появляться внезапно или требовать немедленной реакции.
• Быть релевантным. Предлагать только то, что действительно сочетается с уже выбранными блюдами.
• Отдать управление бизнесу. Владелец или менеджер сам решает, что к чему предлагать, без участия разработчиков.

Сам проект Фри Тайм мы делали в сжатые сроки и с нестандартной организацией работы — бэкенд стартовал раньше дизайна. Но даже в таких условиях удалось заложить гибкие механики, о которых речь ниже.

Перекрёстные продажи в корзине

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

Выглядит это так: пользователь добавил в корзину бургеры и роллы, перешёл в корзину и видит компактный блок с заголовком «К этому заказу рекомендуем». Система анализирует категории добавленных товаров и предлагает:

• К бургерам — соусы и напитки.
• К суши и роллам — закуски, например японские булочки или дополнительную порцию имбиря.
• К супам — хлеб или лёгкие салаты.

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

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

Кастомизация блюд как скрытый кросс-сейл

В карточке каждого блюда мы предусмотрели модификаторы двух типов:

• Исключить ингредиент — «без лука», «без острого соуса». Бесплатно.
• Добавить ингредиент — «двойной сыр», «добавить бекон», «побольше огурцов». С увеличением стоимости.

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

Изначально заказчик просил только возможность удалять ингредиенты. Но мы предложили симметричное решение: если можно убрать, почему бы не дать возможность добавить? Это не усложнило разработку, но открыло дополнительный канал для роста выручки.

Техническая сторона: гибкость без программиста

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

Мы построили обе механики на фреймворке Django. Административная панель позволяет:

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

Никакого кода, никаких обращений в техподдержку. Владелец или менеджер ресторана справляется самостоятельно.

Похожий подход мы применили и к настройке зон доставки: владелец сам рисует полигоны на карте и назначает цены, без программиста. Подробнее об этом — в статье про гибкие зоны доставки полигонами.

• Встроенные механики кросс-сейла не вызывают отторжения у пользователей.
• Владелец получил инструмент, которым пользуется без помощи разработчиков.
• Доля заказов с дополнительными позициями (соусы, напитки, кастомизация блюд) увеличивается на 10-20%.

Подробнее о проекте можно прочитать в полном кейсе: «Разработка коммерческого сайта для сети ресторанов Фри Тайм: пересобрали архитектуру каталога и автоматизировали приём заказов».

Главный урок этого проекта: эффективные допродажи — это про:

• органичное встраивание в пользовательский сценарий,
• релевантность,
• уважение к клиенту, который уже почти готов заплатить.

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

Именно такой подход мы закладываем при разработке коммерческих сайтов для электронной коммерции и доставки еды: не просто делаем каталог и корзину, а проектируем механики, которые работают на бизнес, но остаются незаметными для клиента.