Блок Upsells

Блок Upsells показывает товарные предложения в панели корзины, выбранные заданной вами Стратегией. Когда покупатель открывает корзину, блок выводит товары, которые ваша Стратегия возвращает на основе текущего содержимого корзины и настроенных вами правил таргетинга.

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

• Товары запрашиваются в реальном времени на основе текущей корзины покупателя, поэтому предложения отражают её фактическое содержимое.
• Весь раздел скрывается, когда товары не разрешаются — Стратегия не привязана, Стратегия ничего не возвращает или ни один из возвращённых товаров не доступен для покупки. Покупатели никогда не видят пустой раздел Upsells.
• Если возвращённое предложение содержит скидку, покупатель видит честное зачёркивание и значок скидки, а скидка применяется при оформлении заказа.

Поддерживаются следующие приложения для отзывов на основе метаполей: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo и Vitals. Yotpo не поддерживается, поскольку использует отдельный API, а не метаполя товара. Блок Upsells имеет переопределения дизайна на уровне блока в его панели Design. Они переопределяют глобальные настройки дизайна корзины только для этого блока. Пустое значение наследует глобальную настройку. Блок Upsells включает раздел Text в своих настройках Design. Используйте его для управления типографикой отдельных текстовых элементов на каждой карточке upsell. Выберите текстовый элемент из селектора, чтобы настроить его параметры: Текстовые элементы, которые можно оформить, сгруппированы по категориям: Heading

• Heading — заголовок раздела над карточками upsell (например, You may also like). Также поддерживает собственный шрифт. Жирность и цвет задаются в редакторе Rich Text выше.

Product

• Product title — название товара на каждой карточке upsell.
• Review count — количество отзывов, отображаемое при включённом Show product reviews.

Pricing

• Price — текущая цена на каждой карточке.
• Compare-at price — зачёркнутая исходная цена.
• Discount — надпись скидки (например, 20% off).

Если оставить поле пустым, элемент сохраняет значение по умолчанию. Когда включено Show product reviews, вы можете настроить цвета звёзд в разделе Reviews панели Design.

• Область: body или bottom.
• Максимум: 1 на состояние корзины — заполненная и пустая корзина получают каждая свой.
• Состояние: как заполненная, так и пустая корзина.
• Не добавляется по умолчанию. Не заблокирован — вы можете удалить или скрыть его.

Блок Upsells не приходит пустым: если Стратегия не задана, Aftersell использует стратегию Shopify AI вашего магазина — создавая её, если у вас её ещё нет, — и подставляет её, поэтому блок работает сразу. Откройте селектор Strategy, чтобы изменить её. Селектор содержит две группы: Quick start

• Create strategy from selected products — выберите конкретные товары напрямую, и Стратегия будет создана для вас автоматически.
• Create strategy from scratch — открывает редактор Стратегий, чтобы вы могли создать правила, не покидая редактор корзины.

Strategies

• Shopify AI recommendations — создаёт Стратегию на основе собственных рекомендаций Shopify, называемую Shopify AI recommended products везде, где она появляется впоследствии. Этот пункт исчезает, как только она у вас есть, поскольку магазину нужна только одна стратегия Shopify AI.
• Ваши существующие Стратегии, перечисленные по названиям. Введите текст в поле поиска, чтобы отфильтровать их.

После выбора Стратегии её название появляется в строке стратегии внутри блока. После привязки Стратегии в строке стратегии появляется кнопка ••• (многоточие). Нажмите её, чтобы открыть меню действий:

• Edit strategy — открывает редактор Стратегий в новой вкладке, поэтому ваша сессия редактора корзины и любые несохранённые изменения остаются нетронутыми. Эта опция недоступна для стратегии рекомендаций Shopify AI, которая управляется автоматически и не имеет редактируемых правил.
• Remove from upsell — отвязывает Стратегию от этого блока. Сама Стратегия не удаляется; она остаётся доступной в вашем списке Стратегий.

Редактирование Стратегии в новой вкладке не влияет на сессию редактора корзины — вы можете вернуться на вкладку редактора корзины и продолжить настройку без потери работы. Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает. Актуальны только когда layout равен 'carousel'. Каждый элемент в upsells: Каждый элемент в variants содержит id, title, price и compareAtPrice (сырые, неотформатированные, в основной единице валюты в виде строк), availableForSale, imageUrl, sku и selectedOptions ([{ name, value }]). Стилизуйте этот блок в разделе Design его панели настроек. Это переопределения на уровне блока, которые накладываются поверх глобального дизайна и возвращаются к нему, когда не заполнены. Что такое настройки дизайна? Подробнее здесь: Настройки дизайна.