Обзор
Как это работает
- Если корзина содержит только товары-апселлы, кнопка оформления заказа становится серой
- Под кнопкой появляется предупреждающее сообщение
- Как только добавляется обычный товар, кнопка становится активной, а предупреждение исчезает — обеспечивается понятная валидация для сценариев, гарантирующих, что товары-апселлы покупаются только вместе с соответствующими товарами-триггерами, например, за счёт показа целевых предупреждающих сообщений.
Шаг 1. Добавьте пользовательский HTML
Upcart > Cart Editor > Settings > Custom HTML
В разделе Above announcements/rewards вставьте:
Примечание об устаревшем API: обратные вызовы
window.upcartOnCartLoaded всё ещё работают, но считаются устаревшими и выводят предупреждения в консоль. Используйте upcartSubscribeCartLoaded для всех новых скриптов.Шаг 2. Добавьте пользовательский CSS
Upcart > Cart Editor > Settings > Custom CSS Вставьте следующий код:
Итоговый результат
- Оформление заказа заблокировано, пока в корзине нет хотя бы одного товара, не являющегося апселлом
- Сообщение информирует покупателей о том, почему оформление заказа отключено
- Опыт остаётся плавным и соответствующим бренду
- Предотвращения случайных покупок одиночных апселлов
- Сохранения апселлов исключительно в роли дополнений
- Обеспечения лучшего контроля над AOV и комплектацией товаров