Pay Station / О продукте
  На главную

Pay Station

Оплата в один клик

Как это работает

Оплата в один клик позволяет пользователю использовать привычные и безопасные нативные способы, например, Apple Pay и Google Pay, на поддерживаемых устройствах. Эти платежные системы используют дополнительные механизмы защиты от нежелательных транзакций. Чтобы обеспечить простой и быстрый процесс оплаты, в некоторых случаях требуется дополнительная настройка на вашей стороне.

Сценарий пользователя при оплате в один клик:

  1. Пользователь переходит в платежный интерфейс для совершения оплаты.
  2. Пользователь нажимает кнопку оплаты с помощью одного из нативных способов.
  3. Пользователь переходит в свой электронный кошелек и выбирает карту для оплаты.
  4. Пользователь проходит проверку с помощью биометрии на своем устройстве.
  5. Пользователь возвращается в платежный интерфейс на страницу с успешным статусом платежа.

Apple Pay

Чтобы добавить в платежный интерфейс возможность оплаты в один клик с помощью Apple Pay:

  1. Создайте заявку на подключение этой опции. Для этого:

    a. В Личном кабинете перейдите в раздел Support Hub.

    b. Нажмите Отправить запрос.

    c. В открывшемся окне заполните поля:

    • Краткое описание. Например, Подключение оплаты в один клик.
    • Описание. Укажите домен, по которому в вашем приложении открывается платежный интерфейс, например, amazing.store.com, и выберите способ оплаты в один клик: с помощью Apple Pay или Apple Pay и Google Pay.
    • ID проекта. Выберите ID проекта из раскрывающегося списка. Если вы хотите подключить оплату в один клик для нескольких проектов, укажите их ID в поле Описание.

    d. Нажмите Отправить.

  2. Дождитесь получения верификационного файла для вашего домена. Этот шаг выполняется на стороне Xsolla:
    1. Xsolla регистрирует ваш домен на стороне Apple.
    2. Xsolla получает верификационный файл от Apple.
    3. Xsolla отправляет вам по электронной почте полученный верификационный файл и сообщает, по какому адресу его необходимо загрузить.
  3. В зависимости от способа открытия платежного интерфейса, выполните дополнительные настройки, описанные в таблице ниже.
  4. Сообщите Xsolla в ответном письме, что вы разместили верификационный файл по указанному адресу.
  5. Дождитесь подтверждения от Xsolla об успешной верификации вашего домена на стороне Apple.
Внимание
Если ваш сайт создан с помощью Xsolla Site Builder или Web Shop, вам необходимо переопубликовать сайт, чтобы активировать оплату в один клик.

Дополнительные настройки при открытии платежного интерфейса

Способ открытия платежного интерфейсаДополнительные настройки
Новое окноДополнительных настроек не требуется.
IframeПередайте ваш домен в query-параметре parent_domain, например, parent_domain=amazing.store.com, и добавьте атрибут allow=”payment”.
Скрипт Pay Station EmbedОбновите скрипт до версии не ниже 1.5.0 и передайте ваш домен в query-параметре parent_domain, например, parent_domain=amazing.store.com.
Скрипт версии 1.5.0 и выше поддерживает атрибут allow=”payment” по умолчанию.
Пример открытия платежного интерфейса в iframe:
Copy
Full screen
Small screen
<iframe src="https://secure.xsolla.com/paystation4/?token=token_body&parent_domain=amazing.store.com" allow="payment""></iframe>

Пример открытия платежного интерфейса с помощью скрипта Pay Station Embed:

Copy
Full screen
Small screen
<script>
        const options = {
            access_token: 'PAYMENT_TOKEN',
            lightbox: {
                width: '800px',
                height: '700px',
            },
            queryParams: {
                parent_domain: 'amazing.store.com'
            }
        };
        const s = document.createElement('script');
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://cdn.xsolla.net/payments-bucket-prod/embed/1.5.0/widget.min.js";
        s.addEventListener('load', function (e) {
            XPayStationWidget.init(options);
        }, false);

        const head = document.getElementsByTagName('head')[0];
        head.appendChild(s);
</script>

Ограничения:

  • Если в запросе на получение токена вы передаете параметр settings.ui.is_independent_windows, чтобы открыть платежный интерфейс в новой вкладке внешнего браузера, вы не сможете настроить оплату в один клик с помощью Apple Pay. Однако независимо от передачи этого параметра, вы можете принимать платежи через Apple Pay, открывая его в новой вкладке.
  • Если вы используете SDK, вам необходимо использовать последнюю версию.
  • Если вы используете скрипт Pay Station Embed, вам необходимо использовать последнюю версию (1.5.0 и выше).

Google Pay

Чтобы добавить в платежный интерфейс возможность оплаты в один клик с помощью Google Pay:

  1. В зависимости от способа открытия платежного интерфейса, выполните дополнительные настройки:
Способ открытия платежного интерфейсаДополнительные настройки
Новое окноДополнительных настроек не требуется.
IframeДобавьте атрибут allow=”payment”.
Скрипт Pay Station EmbedОбновите скрипт до версии не ниже 1.5.0.
Скрипт версии 1.5.0 и выше поддерживает атрибут allow=”payment” по умолчанию.
Android WebViewДополнительных настроек не требуется.
Custom TabsДополнительных настроек не требуется.
Пример открытия платежного интерфейса в iframe:
Copy
Full screen
Small screen
<iframe src="https://secure.xsolla.com/paystation4/?token=token_body" allow="payment""></iframe>
  1. Создайте заявку на подключение этой опции. Для этого:

    a. В Личном кабинете перейдите в раздел Support Hub.

    b. Нажмите Отправить запрос.

    c. В открывшемся окне заполните поля:

    • Краткое описание. Например, Подключение оплаты в один клик.
    • Описание. Укажите ваш способ открытия платежного интерфейса и выберите способ оплаты в один клик: с помощью Google Pay или Google Pay и Apple Pay.
    • ID проекта. Выберите ID проекта из раскрывающегося списка. Если вы хотите подключить оплату в один клик для нескольких проектов, укажите их ID в поле Описание.

    d. Нажмите Отправить.

  2. Дождитесь письмо по электронной почте от Xsolla с подтверждением подключения оплаты в один клик в вашем проекте.
Внимание
Если ваш сайт создан с помощью Xsolla Site Builder или Web Shop, вам необходимо переопубликовать сайт, чтобы активировать оплату в один клик.

Ограничения:

  • Если в запросе на получение токена вы передаете параметр settings.ui.is_independent_windows, чтобы открыть платежный интерфейс в новой вкладке внешнего браузера, вы не сможете настроить оплату в один клик с помощью Google Pay. Однако, независимо от передачи этого параметра, вы можете принимать платежи через Google Pay, открывая его в новой вкладке.
  • Если вы используете скрипт Pay Station Embed, вам необходимо использовать последнюю версию (1.5.0 и выше).
  • Игровые движки не поддерживают всплывающие окна, поэтому оплата в один клик с помощью Google Pay недоступна при использовании Xsolla SDK для Unity (кроме сборки WebGL) и Unreal Engine.
  • В настоящее время для соблюдения бразильского законодательства, при оплате с помощью Google Pay пользователю необходимо вручную вводить свой налоговый номер (CPF). Из-за этого ограничения вы не сможете настроить оплату в один клик с помощью Google Pay для приема платежей в Бразилии.
  • Для сборки WebGL в Unity, используйте последнюю версию SDK.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Последнее обновление: 3 марта 2025

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!