Skip to main content

​
Обзор

Эта функция позволяет показывать варианты экспресс-оплаты Shopify (такие как Shop Pay, Apple Pay или Google Pay) для более быстрого оформления заказа с использованием сохранённых способов оплаты покупателя. Кнопки экспресс- или ускоренного оформления заказа помогают постоянным покупателям завершать покупки быстрее, пропуская ручной ввод данных оплаты и доставки. Эти кнопки появляются под основной кнопкой Checkout в корзине и работают на основе Shopify. Upcart поддерживает эти кнопки визуально и структурно, но Shopify управляет их поведением и видимостью. 📘 Узнайте больше в документации Shopify по ускоренному оформлению заказа и заметках о выпуске Shopify по кнопкам ускоренного оформления заказа. Экспресс-кнопки Shop Pay, PayPal и Google Pay под кнопкой оформления заказа Upcart

​
Как заставить экспресс-оплату отображаться

Чтобы отображать кнопки ускоренного оформления заказа внутри Upcart, ваша тема Shopify уже должна включать их в витрине. Это можно сделать так:
  1. Добавьте сниппет в код вашей темы
    • Перейдите в Online Store > Themes > Edit Code
    • Откройте файл layout/theme.liquid
    • Найдите открывающий тег <body> (не </body>)
    • Под этим тегом вставьте следующий код:
  2. Сохраните файл
Вот пример того, как это должно выглядеть: Liquid-сниппет additional checkout buttons, добавленный под тегом body в theme.liquid После этого Upcart сможет обнаруживать и отрисовывать ваши варианты экспресс-оплаты. 💡 Если вы предпочитаете не редактировать код, обратитесь к своему разработчику или к эксперту Shopify.

​
Платёжные шлюзы

Карточка Payment gateways относится к устаревшему модулю Express Payments — вы видите её только в том случае, если ваш магазин всё ещё использует старую версию. Она перечисляет экспресс-шлюзы, которые Upcart может показывать в корзине, и позволяет включать или отключать каждый из них и задавать порядок их отображения. Перечислены шесть шлюзов:
  • Shop Pay
  • PayPal
  • Apple Pay
  • Amazon Pay
  • Meta Pay
  • Google Pay — указан, но отмечен как Coming Soon и недоступен для выбора
Google Pay намеренно придержан: он не обновляется при изменении корзины, поэтому показывал бы устаревшую цену каждому, кто отредактировал корзину перед нажатием на него. Остальные пять можно включать и переупорядочивать — включённые шлюзы находятся в упорядоченном списке, используйте стрелки вверх и вниз рядом с каждой строкой, чтобы изменить порядок, а отключённые находятся ниже, где нажатие добавляет их обратно.
Включение шлюза здесь не гарантирует его отображение. Шлюз скрыт в реальной корзине, если он не включён в вашем магазине Shopify или если покупатель не соответствует его требованиям — кнопка Apple Pay, например, отображается только на поддерживаемом устройстве и в поддерживаемом браузере. О том, как включить шлюзы, и о правилах доступности каждого из них см. документацию Shopify по ускоренному оформлению заказа.

​
Дизайн кнопок ускоренного оформления заказа

После настройки кнопок вы можете настроить их отображение внутри Upcart.

​
Высота кнопок

  • Default button height и Mobile button height задаются отдельно, каждая от 25 px до 55 px
  • У каждой есть числовое поле и ползунок, связанные с одним и тем же значением — используйте то, что удобнее

​
Выравнивание кнопок оформления заказа

  • Выберите, как выравниваются экспресс-кнопки:
    • Left
    • Right
    • Center
    • Space Between

​
Интервал между рядами

  • Задайте вертикальный интервал между расположенными друг над другом кнопками, от 0 px до 40 px

​
Расширенные параметры отображения

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

​
Отрисовка корзины в Shadow DOM

Включите эту настройку, чтобы CSS вашей темы Shopify не мешал стилизации Upcart.
Это обеспечивает согласованный дизайн во всех браузерах и на всех устройствах. Включение здесь также применяет ту же настройку из Settings > Cart settings > Advanced Settings.

​
Примечания о совместимости тем

  • Shopify теперь применяет строгие правила стилизации для кнопок ускоренного оформления заказа.
  • Новая версия Upcart полностью поддерживает эти правила и будет следовать поведению стилизации Shopify.
⚠️ В текущем модуле вверху отображается баннер Revert To Old Version с кнопкой Revert To Legacy Express Payments. Она нужна только для устаревших тем — возврат вернёт вас к поведению до внедрения стилизации Shopify, поэтому не трогайте её, если только ваша тема действительно этого не требует. Если вы всё же выполните возврат, снимите все сохранённые параметры стилизации из предыдущего модуля, чтобы они не мешали новой версии.