Mental GrowthРуководство
Элементы
MENTAL GROWTH / РУКОВОДСТВО

Платёжные элементы

Разделяйте выбор плана, форму оплаты и действия после платежа.

Проверено по редактору:

Схему участников и путь от выбора плана до результата смотрите в разделе Как работает оплата.

Выбрать структуру

ЭлементОтветственность
Simple PlansВыбор одного из планов
CheckoutСпособы оплаты и оформление плана из связанного источника
CompositeВыбор плана и Checkout в одном блоке
Payment PlanОдин план внутри коллекции
Payment MethodsЗащищённая область способов оплаты внутри Checkout

Simple Plans и Composite добавляются через Add Element. Отдельный Payment Plan создаётся и редактируется внутри коллекции. Payment Methods появляется как часть Checkout.

Simple Plans

Обычный готовый вариант Simple Plans создаёт коллекцию с одним планом, кнопку перехода к оплате и связанный встроенный Checkout.

Simple Plans: карточка тарифа, кнопка перехода к Checkout и вкладки Setup / Appearance. Тёмная тема редактора, демонстрационные данные.Открыть скриншот ↗

Trial

Вариант Trial размещает Checkout сразу после коллекции, без промежуточной кнопки, и сокращает повторяющееся описание цены. На примере ниже задано демонстрационное вводное предложение.

Trial: компактная карточка вводного предложения и встроенная оплата. Цены в записи приведены только для демонстрации.Открыть скриншот ↗

Checkout

Checkout должен получать выбранный план от правильной коллекции. Если на экране несколько источников планов, отдельно проверьте эту связь.

Для Checkout в режиме Sheet настройте кнопку Show Sheet → Select Sheet. Для встроенного Checkout можно использовать переход прокруткой к блоку.

Checkout: Selected Plan source, расположение блока и варианты Vertical / Horizontal для способов оплаты. Запись из текущего редактора.Открыть скриншот ↗

Composite

Готовый вариант Composite создаёт три плана и объединяет выбор с оплатой. В Setup доступны планы, общий параметр имени держателя карты и выбор плана по умолчанию.

Composite: три демонстрационных тарифа, выбор плана по умолчанию и настройки оформления.Открыть скриншот ↗

Настроить Payments

  1. Откройте платёжные настройки коллекции.
  2. Выберите Test mode или Production.
  3. Выберите нужного провайдера — Stripe или Stripe US.
  4. Настройте общий Payment App и доступные параметры почтового индекса.
  5. Укажите платёжный путь каждого плана: подписку и, при необходимости, вводное предложение.
  6. Проверьте действия после успешного платежа, ошибки и отмены посетителем.

Ссылка Preview test с /test/preview/ использует Test mode. Preview prod с /preview/ и обычный Stable используют Production, независимо от домена. Регистрация в /test обращается к Staging URL, без него — к Production URL. Заполненные тестовые настройки не означают, что production-пути тоже настроены. Вкладка Orchestrator пока является заготовкой интерфейса и не исполняет платежи.

Payments: переключение Test mode / Production, Payment App, Postal code и платёжный путь. Каталог тарифов демонстрационный; запись не выполняет оплату.Открыть скриншот ↗

Отображаемая цена

Цена выводится из выбранного платёжного пути. Вводное предложение, период и процент скидки участвуют в расчёте отображаемых значений. Название плана и текстовые подписи могут переводиться; перевод текста не меняет реальную цену провайдера.

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

Payment Methods

Способы оплаты располагаются в защищённом дочернем блоке Checkout. Перед ним или после него можно разместить обычные элементы — например, пояснение или изображение.

Payment Methods можно переставлять внутри своего Checkout. Удалять, дублировать и переносить его в другой контейнер нельзя.

Доступность Apple Pay и Google Pay определяется устройством и окружением посетителя. Карта остаётся доступной; наличие кошелька на холсте не заменяет проверку на целевом устройстве.

One-Click Button и Cancellation Button

One-Click Button выполняет настроенное платёжное действие для существующего клиента. Cancellation Button используется для отмены или заморозки подписки. Проверяйте их в полном сценарии с подходящим клиентом и тестовой подпиской.

Перед выпуском

Проверьте выбор каждого плана, связь с Checkout, тестовый платёж и все его исходы. Затем проверьте наличие Production-конфигурации и только после этого выпускайте Preview в Stable.

На этой странице