Платежная форма в iframe

Перед настройкой подключите скрипт интеграции.

Интеграция

Не вызывайте метод Инициировать платеж с передачей суммы в теле запроса с фронтенд-приложения — всегда используйте свой бэкенд-сервис. Если бэкенд-сервиса нет, рекомендуем использовать наш Конструктор сайтов.

Есть два способа открытия платежной формы в iframe:

Настроить платежную форму

Оба способа интеграции поддерживают настройку платежной формы в iframe:

1. Получите объект iframe-интеграции:

   const mainPaymentIntegration = await integration.iframe.get('main-integration-name'); // Получение интеграции. При использовании метода «Из глобальной конфигурации» присваивается имя "main-integration" 
2. Используйте методы для передачи настроек:

Конфигурация IframeIntegrationConfig

Платежная форма во вложенном iframe

Иногда приложение используется внутри iframe, который находится внутри другого iframe. Для работы виджета нужно встроить скрипт и инициализировать его во всех вложенных iframe:

1. Встройте и инициализируйте скрипт в основную родительскую страницу:

   <iframe id="payment-form-iframe"></iframe

   // Загрузка и инициализация скрипта (js-код)
   await mainPaymentIntegration.connect(document.getElementById('payment-form-iframe'))
2. Встройте и инициализируйте скрипт во вложенных iframe. Каждый промежуточный скрипт будет перенаправлять сообщения в следующий iframe. В конечном вложенном iframe виджет подключается аналогично.

   <iframe id="payment-form-iframe"></iframe>

   // Загрузка и инициализация скрипта (js-код)
   await innerPaymentIntegration.connect(document.getElementById('payment-form-iframe')) // Если iframe создан

Примеры полной конфигурации