Блог LHV
Payment Elements SDK
Банковское дело/Предпринимательство

НОВИНКА! С помощью Payment Elements SDK можно управлять всеми способами оплаты через одну интеграцию

21. сентября 2026LHV

Чем проще и быстрее клиенту совершать покупку в вашем интернет-магазине или сервисной среде, тем выше вероятность, что он доведет эту покупку до конца. Payment Elements SDK (англ. software development kit) – это удобный универсальный платежный компонент, который можно легко добавить на страницу оформления покупки (англ. checkout). Таким образом вы предлагаете своим клиентам на сайте оплату картой и через банк, а также с помощью Apple Pay, Google Pay и PayPal, используя одну интеграцию, Вы сами можете выбирать, какие способы оплаты в данный момент активированы.

Главное преимущество – при добавлении нового решения больше не требуется выполнять трудоемкую разработку, тестирование и последующее обслуживание. Вместо этого вы предлагаете посетителю полноценный процесс оплаты непосредственно на своем сайте, экономя ценное время и затраты на разработку. За техническую часть – отображение способов оплаты, форму для ввода данных карты и первичную проверку введенных данных – отвечает Payment Elements.

Payment Elements подходит предприятиям и организациям разного размера и сферы деятельности, которые хотят удобно и безопасно принимать платежи онлайн. Решение будет полезно, например, интернет-магазинам розничной и оптовой торговли, предприятиям сферы размещения и путешествий, ресторанам и платформам для заказа еды, предприятиям по продаже билетов и организаторам мероприятий, а также поставщикам обучающих и других услуг.

Payment Elements подойдет и провайдерам SaaS и других цифровых услуг, а также разработчикам экономического программного обеспечения и платформенным компаниям, которые хотят предложить своим торговым партнерам или бизнес-клиентам единый многоразовый платежный компонент. Независимо от того, оплачивает ли клиент покупку, бронирование, билет, заказ или услугу, Payment Elements позволяет удобно отображать различные способы оплаты в одном представлении.

Прежнее решение и Payment Elements SDK

До внедрения Payment Elements SDK
Каждый способ оплаты мог требовать отдельного пользовательского интерфейса или интеграции Все основные способы оплаты объединены в одном гибком компоненте
Форму для оплаты картой продавец должен был разрабатывать и валидировать самостоятельно Готовая форма для оплаты картой со встроенной валидацией
Добавление нового способа оплаты часто требовало новой frontend-разработки Новые активированные способы оплаты можно отображать в едином решении
Дизайн платежных форм приходилось поддерживать отдельно Единый платежный компонент, который можно адаптировать к вашему бренду
Клиенту приходилось отдельно выбирать между оплатой картой и через банк Единое представление всех способов оплаты

Практическая польза Payment Elements

Одна интеграция – несколько способов оплаты. Вам больше не нужно создавать отдельные платежные формы для оплаты картой, через банк и с помощью цифровых кошельков. Все активированные способы работают через Payment Elements, что позволяет значительно снизить затраты на разработку и существенно упростить дальнейшее обслуживание.

Более быстрая разработка и удобная интеграция. Payment Elements содержит готовый пользовательский интерфейс. Вам не нужно самостоятельно создавать форму для оплаты картой, заниматься сообщениями об ошибках или валидацией введенных данных. Как продавец вы можете сосредоточиться на бизнес-логике интернет-магазина и пути клиента к покупке, оставив технические вопросы, связанные с платежами, LHV.

Меньше платежей, которые не проходят. Номер карты, срок действия и код безопасности проверяются уже при вводе данных. Если какое-либо поле содержит ошибку или не заполнено, ваш клиент сразу увидит сообщение об ошибке – еще до начала платежа. Это помогает сократить количество прерванных неуспешных платежей, вызванных ошибками при вводе данных, и упрощает для клиента их исправление.

Меньше требований в сфере безопасности. Конфиденциальные данные карты не проходят через сервер продавца. Таким образом, архитектура Payment Elements соответствует требованиям PCI DSS SAQ A и помогает свести к минимуму обязательства продавца по обеспечению соответствия требованиям, связанным с обработкой данных карт. При этом продавец по-прежнему должен соблюдать применимые к нему требования безопасности и соответствия нормативным требованиям.

Платежная форма, которая вписывается в дизайн интернет-магазина. Цвета, шрифты и стиль кнопок платежного компонента можно адаптировать к визуалу фирмы. Благодаря этому платежная форма не выглядит чужеродным или отдельным внешним решением, а органично вписывается в общий дизайн интернет-магазина и делает платежное представление более единообразным.

Готовность к появлению новых способов оплаты. При добавлении нового способа оплаты вам не придется создавать или перестраивать все платежное представление с нуля. Если LHV добавит новый способ оплаты в SDK, вы сможете активировать его для своих клиентов, затратив значительно меньше ресурсов на разработку.

Возможность совершать повторные платежи. С помощью Payment Elements можно выполнять токенизацию, которая позволяет, например, поддерживать повторные платежи и инициированные вами платежи – без отдельного сложного решения. Для токенизации необходимо активировать отдельную функцию и выполнить установленные для нее условия.

Payment Element tab
Вариант 1: способы оплаты расположены слева направо

Payment Element accordion
Вариант 2: способы оплаты расположены сверху вниз

Что получает конечный клиент?

Для вашего клиента последний этап покупки становится более удобным. При оформлении покупки ему отображаются все доступные способы оплаты – от оплаты через банк и картой до таких удобных цифровых кошельков, как Apple Pay и Google Pay.

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

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

На кого рассчитан Payment Elements SDK

Payment Elements подходит торговым предприятиям различного профиля и сфер деятельности, например:

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

Payment Elements работает во всех современных мобильных и настольных браузерах, а также может использоваться в мобильных приложениях через WebView. Кроме того, решение понятно плагинам LHV для электронной коммерции, которые уже переведены на новый пользовательский интерфейс Payment Elements.

Настройка

Алгоритм подключения Payment Elements следующий:

  1. Добавьте скрипт Payment Elements на страницу checkout.
  2. Добавьте на страницу контейнер, в котором будет отображаться платежный компонент.
  3. Запустите SDK.
  4. При начале платежа создайте в своей внутренней системе платежную инструкцию, то есть payment intent.
  5. Передайте необходимые данные в SDK.
  6. Зарегистрируйте в портале продавца адрес обратного вызова с результатами платежа, то есть callback-URL.
  7. Протестируйте платежный процесс и внедрите решение.

В зависимости от структуры вашего сайта основную frontend-часть можно запустить с помощью примерно 20 строк JavaScript.

Переход с прежнего решения

Если продавец использовал отдельную форму для оплаты картой и отдельный способ оплаты через банк, оба решения можно заменить одним компонентом Payment Elements.

Существующий API внутренней системы LHV для электронной коммерции при переходе, как правило, не меняется. Основные изменения происходят во frontend интернет-магазина, то есть в платежном представлении, которое видит клиент.

Точный объем разработки зависит от текущей интеграции продавца и используемых функций.

Если вы уже пользуетесь платежными решениями LHV и вам нужна техническая консультация по интеграции Payment Elements, напишите нам по адресу makselahendused@lhv.ee.

Ознакомьтесь также с техническим руководством по Payment Elements на английском языке.

Если вы пока не используете платежные решения LHV, запросите у нас персональное предложение.