Шаг 1. Включите виджет в Aftersell
- Перейдите на вкладку Checkout в админ-панели Aftersell
- Выберите тип виджета, который хотите настроить (Upsells, Cart Controls, Rewards, Trust Badges, Testimonials, Notes, Images или Text)
- Нажмите Create, чтобы создать новый виджет, или выберите существующий для редактирования
- Настройте параметры виджета (см. Типы виджетов и настройка ниже)
- Нажмите переключатель Enable в правом верхнем углу настроек виджета
- Для ограниченных или продвинутых апселлов не забудьте включить пользовательские триггеры перед продолжением
Шаг 2. Откройте редактор Shopify Checkout
- Перейдите в Settings в админ-панели Shopify
- Нажмите Checkout в левой навигации
- Нажмите Customize рядом с нужным профилем checkout
- Нажмите кнопку Open Shopify Checkout Editor в правом нижнем углу страницы редактора Checkout в Aftersell
Шаг 3. Добавьте блок приложения в checkout
- В редакторе Shopify Checkout нажмите Add app block
- Выберите нужный виджет Aftersell из списка доступных виджетов
- Выберите правильное размещение для виджета (см. Доступные размещения ниже)
- Если вы хотите, чтобы виджеты отображались в checkout Shop Pay, отметьте опцию Include app block in Shop Pay
- Нажмите Save в правом верхнем углу
Шаг 4. Разместите виджет
- Перетащите блок приложения в нужное место внутри выбранной области размещения
- Нажмите Save в правом верхнем углу
Типы виджетов и настройка
Размещения
Доступные размещения
- Default placement: основное размещение. Каждый тип виджета начинает здесь.
- Additional placement 1: второй слот размещения для показа ещё одного виджета того же типа на той же странице.
- Additional placement 2: третий слот размещения для дальнейшего разделения.
Когда использовать несколько размещений
- Показать более одного виджета одного типа на одной странице checkout
- Отображать виджеты в разных секциях страницы
- Таргетировать разные аудитории разными предложениями
- Запускать виджеты с похожими или пересекающимися триггерами
Соответствие размещений в редакторе Shopify Checkout
Upsells
- Single Product Upsell: отображает один товар с кнопкой Add to Cart
- Multi-Product Upsell: показывает несколько товаров в виде стопки или карусели, позволяя покупателям принять несколько предложений
- Checkmark Upsell: отображает один товар с чекбоксом вместо кнопки Add to Cart (идеально для недорогих дополнений, таких как защита доставки)
- Specific Products: выберите отдельные товары для апселла вручную
- Collection: выберите коллекцию и показывайте до 5 случайных товаров (товары, уже находящиеся в корзине, автоматически исключаются)
- Automatic upsell(s): автоматически рекомендуйте товары на основе содержимого корзины
- Most Expensive Product: автоматически предлагайте апселл самого дорогого товара из корзины
- Spend threshold: рекомендуйте товары, которые помогают покупателям достичь порогов вознаграждения (доступно только после включения Show rewards bar на том же апселл-виджете)
- Strategy: динамически выбирайте товар с помощью таргетинга на основе правил. Отображается только в магазинах с включёнными Strategies
- Добавляйте скидки прямо в виджете
- Закрепляйте планы подписки за конкретными вариантами
- Отображайте звёзды отзывов о товаре (требуется совместимое приложение отзывов)
- Задавайте максимальное количество принятых предложений на виджет (только для типов Single и Multi)
Cart Controls
- Variant selector: смена варианта на другой, имеющийся в наличии
- Quantity selector: изменение количества товаров
- Remove item: опция Show Remove Item Button удаляет апселл-товары из корзины. Парная настройка Allow Removal of Non-Upsell Products (по умолчанию выключена) распространяет удаление на всё содержимое корзины
- Subscription selector: изменение периодичности подписки
- Subscription upgrade: апгрейд разовых покупок до подписок
- Custom text: пользовательский текст под позициями заказа
- Применить ко всем товарам в корзине
- Применить только к выбранным товарам
- Применить ко всем товарам, кроме выбранных
- Отображение звёзд отзывов для товаров в корзине
Rewards
- Основа вознаграждения: Cart total или Item count
- Основа суммы (для Cart total): Order total (includes shipping and tax), Subtotal (before discounts) или Subtotal after discounts (excludes tax and shipping)
- Сообщение и оформление вознаграждения
- Цвета и дизайн индикатора прогресса
- Комбинируйте с апселл-виджетами, чтобы помочь покупателям достичь порогов вознаграждения
- Используйте тип товара spend threshold в апселлах, чтобы автоматически рекомендовать товары, закрывающие разрыв
- Создавайте вознаграждения в Shopify с помощью Automatic Discounts (для скидочных вознаграждений) или Shipping Rules (для бесплатной доставки)
- Используйте Subtotal after discounts (excludes tax and shipping) в качестве основы суммы при предложении бесплатной доставки, чтобы индикатор совпадал с собственной оценкой порога Shopify при применении промокодов
Trust Badges
- Макет значков: вертикальный список или горизонтальное отображение
- Пользовательские иконки и текст для каждого значка
- Параметры оформления и отступов
- Подчёркивайте функции безопасности (безопасный checkout, SSL-шифрование)
- Демонстрируйте гарантии (гарантия возврата денег, бесплатный возврат)
- Показывайте преимущества доставки (бесплатная доставка, быстрая доставка)
Testimonials
- Flex Testimonials (рекомендуется): автоматически получает реальные отзывы из вашего приложения отзывов (Judge.me, Klaviyo, Okendo или Yotpo)
- Режим выбора: Manual (выбор конкретных отзывов) или Dynamic (автоматическое получение отзывов на основе содержимого корзины)
- Тип отображения: горизонтальная карусель или вертикальный список
- Фильтр по минимальному рейтингу
- Настройте учётные данные приложения отзывов в Settings > Product Reviews
- Отзывы синхронизируются автоматически в течение 24 часов, затем еженедельно
Notes
- Ручные примечания: поле свободного текста для ввода покупателем
- Готовые примечания: чекбоксы для опций вроде подарочной упаковки или эко-упаковки
Images
- Загрузка изображения
- Ползунок регулировки ширины
- Нет требования к минимальному размеру
Text
- Container Style: Plain Text (по умолчанию) или Badge. Цвета баннера ниже появляются только после выбора Badge
- Banner Type (только для Badge):
- Info (Blue): синий фон с иконкой информации
- Success (Green): зелёный фон с иконкой галочки
- Warning (Yellow): жёлтый фон с иконкой предупреждающего треугольника
- Critical (Red): красный фон с иконкой восклицательного знака
- Размер текста для поля Body (Small или Base) — у поля Heading нет настройки размера
- Выравнивание для полей Heading и Body
- Отступы: None, Extra Tight, Tight, Base, Loose или Extra Loose
Устранение неполадок
Виджеты не отображаются
- Убедитесь, что виджет включён в админ-панели Aftersell
- Проверьте, что блок приложения добавлен в редакторе Shopify Checkout
- Убедитесь, что блок приложения сохранён в редакторе Shopify Checkout
- Проверьте, что выбрано правильное размещение. При добавлении блока приложения в редакторе Shopify Checkout нужно выбрать соответствующее размещение, например Default placement, Additional placement 1 или Additional placement 2. Если выбрано неправильное размещение, виджет может не появиться или отобразиться не там. Удалите блок приложения и добавьте его заново, убедившись, что выбрано нужное размещение.
- Для Shop Pay: убедитесь, что отмечена опция «Include app block in Shop Pay»
- Очистите кэш браузера или попробуйте режим инкогнито
- Подождите несколько минут, пока изменения вступят в силу
Виджеты Shop Pay не показываются
- Откройте виджет в редакторе Shopify Checkout
- Отметьте опцию Include app block in Shop Pay в разделе Checkout behaviour
- Сохраните изменения
Дальнейшие шаги
- Узнайте о триггерах checkout, чтобы показывать виджеты по условиям
- Настройте A/B-тестирование checkout, чтобы оптимизировать размещения
- Настройте брендинг checkout в соответствии с дизайном вашего магазина
- Изучите продвинутые стратегии апселлов, чтобы максимизировать AOV