> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Модуль экспресс-оплаты

> Отображайте кнопки ускоренного оформления заказа под основной кнопкой оформления заказа в шторке Upcart.

<div id="overview">
  # Обзор
</div>

Эта функция позволяет показывать варианты экспресс-оплаты Shopify (такие как Shop Pay, Apple Pay или Google Pay) для более быстрого оформления заказа с использованием сохранённых способов оплаты покупателя.

Кнопки экспресс- или ускоренного оформления заказа помогают постоянным покупателям завершать покупки быстрее, пропуская ручной ввод данных оплаты и доставки. Эти кнопки появляются **под основной кнопкой Checkout** в корзине и работают на основе Shopify.

Upcart поддерживает эти кнопки визуально и структурно, но **Shopify управляет их поведением и видимостью**.

📘 Узнайте больше в [документации Shopify по ускоренному оформлению заказа](https://help.shopify.com/en/manual/payments/accelerated-checkouts) и [заметках о выпуске Shopify по кнопкам ускоренного оформления заказа](https://shopify.dev/changelog/developer-preview-accelerated-checkout-buttons-on-storefront-now-support-shopify-functions-bundles-and-have-improved-performance).

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-shop-pay-paypal-google.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=dece6cba6c512237980466fd1b02dd87" alt="Экспресс-кнопки Shop Pay, PayPal и Google Pay под кнопкой оформления заказа Upcart" width="600" data-path="images/upcart/express-payments-shop-pay-paypal-google.png" />

<div id="getting-express-payments-to-show">
  # **Как заставить экспресс-оплату отображаться**
</div>

Чтобы отображать кнопки ускоренного оформления заказа внутри Upcart, ваша тема Shopify уже должна включать их в витрине. Это можно сделать так:

1. **Добавьте сниппет в код вашей темы**

   * Перейдите в **Online Store > Themes > Edit Code**
   * Откройте файл **layout/theme.liquid**
   * Найдите открывающий тег `<body>` (не `</body>`)
   * Под этим тегом вставьте следующий код:

     ```
     {% if additional_checkout_buttons %} <div style="display: none !important"> {{ content_for_additional_checkout_buttons }} </div> {% endif %}
     ```
2. Сохраните файл

Вот пример того, как это должно выглядеть:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/express-payments-additional-checkout-buttons-liquid.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=25dd197de897db2a448ed1d15c4a8b1e" alt="Liquid-сниппет additional checkout buttons, добавленный под тегом body в theme.liquid" width="1076" height="388" data-path="images/upcart/express-payments-additional-checkout-buttons-liquid.png" />

После этого Upcart сможет обнаруживать и отрисовывать ваши варианты экспресс-оплаты.

💡 Если вы предпочитаете не редактировать код, обратитесь к своему разработчику или к [эксперту Shopify](https://experts.shopify.com).

<div id="payment-gateways">
  # Платёжные шлюзы
</div>

Карточка **Payment gateways** относится к **устаревшему** модулю Express Payments — вы видите её только в том случае, если ваш магазин всё ещё использует старую версию. Она перечисляет экспресс-шлюзы, которые Upcart может показывать в корзине, и позволяет включать или отключать каждый из них и задавать порядок их отображения. Перечислены шесть шлюзов:

* Shop Pay
* PayPal
* Apple Pay
* Amazon Pay
* Meta Pay
* Google Pay — указан, но отмечен как **Coming Soon** и недоступен для выбора

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

<Note>
  Включение шлюза здесь не гарантирует его отображение. Шлюз скрыт в реальной корзине, если он не включён в вашем магазине Shopify или если покупатель не соответствует его требованиям — кнопка Apple Pay, например, отображается только на поддерживаемом устройстве и в поддерживаемом браузере. О том, как включить шлюзы, и о правилах доступности каждого из них см. [документацию Shopify по ускоренному оформлению заказа](https://help.shopify.com/en/manual/payments/accelerated-checkouts).
</Note>

<div id="accelerated-checkout-buttons-design">
  # Дизайн кнопок ускоренного оформления заказа
</div>

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

<div id="button-height">
  ## **Высота кнопок**
</div>

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

<div id="checkout-button-alignment">
  ## **Выравнивание кнопок оформления заказа**
</div>

* Выберите, как выравниваются экспресс-кнопки:

  * **Left**
  * **Right**
  * **Center**
  * **Space Between**

<div id="row-gap">
  ## **Интервал между рядами**
</div>

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

<div id="advanced-display-options">
  # **Расширенные параметры отображения**
</div>

<div id="hide-buyer-consent">
  ## **Скрыть согласие покупателя**
</div>

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

<div id="render-cart-in-shadow-dom">
  ## **Отрисовка корзины в Shadow DOM**
</div>

Включите эту настройку, чтобы CSS вашей темы Shopify не мешал стилизации Upcart.\
Это обеспечивает согласованный дизайн во всех браузерах и на всех устройствах.

Включение здесь также применяет ту же настройку из **Settings > Cart settings > Advanced Settings**.

<div id="theme-compatibility-notes">
  ## **Примечания о совместимости тем**
</div>

* Shopify теперь применяет **строгие правила стилизации** для кнопок ускоренного оформления заказа.
* Новая версия Upcart полностью поддерживает эти правила и будет следовать поведению стилизации Shopify.

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

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