Turboshop

Онлайн-оплата в интернет-магазине: LiqPay, monobank, Fondy и WayForPay настраиваются прямо в админке

Онлайн-оплата в интернет-магазине: LiqPay, monobank, Fondy и WayForPay настраиваются прямо в админке

Мы в Turboshop сделали так, чтобы подключить онлайн-оплату мог сам владелец магазина, без программиста и правок на сервере. Выбираете платежную систему — форма показывает именно ее поля и подсказывает, где взять ключи. Есть тестовый режим, адрес для уведомлений с кнопкой «Скопировать», а покупатель после оформления сам переходит к оплате через 3 секунды.

Покупатель оформил заказ с оплатой картой и… увидел страницу «Спасибо» с маленькой кнопкой, которую легко не заметить. Он закрывает вкладку, думая, что все оплачено. Вы ждете деньги, которых не будет. Или иначе: оплата прошла, но статус заказа не изменился, потому что в настройках сервера не хватало ключа, и менеджер звонит покупателю с вопросом «вы оплатили?». Каждый такой случай — потерянная продажа или неловкий разговор. Мы в Turboshop переделали онлайн-оплату так, чтобы ее настраивал сам владелец в админке, а покупатель доходил до оплаты без усилий.

Почему мы перенесли настройки оплаты в админку

Раньше часть настроек платежных систем жила в файлах сервера. Изменить ключ или выключить тестовый режим без разработчика было невозможно, а когда файл был заполнен не до конца, оплата LiqPay подписывалась без ключа, и уведомления об оплате не меняли статус заказа. Мы видели, как из-за этого магазины неделями принимали оплаты «вслепую». Поэтому сделали простой принцип: все, что нужно для приема онлайн-оплат — ключи, тестовый режим, какой провайдер основной, — настраивается в разделе «Интеграции → Сервисы оплаты», без участия разработчика.

Список сервисов оплаты

В таблице видны все подключенные платежные системы: ключ провайдера, название, какой из них основной, включен ли он и работает ли в тестовом режиме. Основным может быть только один провайдер — именно через него проходят онлайн-оплаты при оформлении заказа.

Раздел «Сервисы оплаты» в админке Turboshop: LiqPay, WayForPay, Fondy, monobank с колонками «Основной», «Вкл/Выкл» и «Тестовый режим»
Админка: список сервисов оплаты с колонкой «Тестовый режим»

Форма подстраивается под платежную систему

При создании провайдера вы сначала выбираете платежную систему в поле «Ключ», и форма сразу показывает только нужные поля с подсказкой, где взять данные. Мы сделали это, потому что каждая система называет реквизиты по-своему, и самая частая ошибка — вставить ключ не в то поле.

LiqPay — «Публичный ключ» и «Приватный ключ». Оба берутся в кабинете LiqPay: Настройки → API.

Форма создания провайдера LiqPay: поля публичного и приватного ключа, подсказка о кабинете LiqPay, переключатель тестового режима
Админка: LiqPay — публичный и приватный ключ (на снимке фиктивные значения, тестовый режим включен)

monobank — только поле «Токен» из кабинета monobank для бизнеса. Отдельного ID мерчанта здесь нет, потому что для monobank он не нужен.

Форма создания провайдера monobank с единственным полем токена и подсказкой, где его взять
Админка: monobank — только токен эквайринга

Fondy и WayForPay — «ID (логин) мерчанта» и «Секретный ключ мерчанта» из личного кабинета соответствующей системы.

Форма создания провайдера Fondy: поля ID мерчанта и секретного ключа мерчанта
Админка: Fondy — ID и секретный ключ мерчанта
Форма создания провайдера WayForPay: поля ID мерчанта и секретного ключа мерчанта
Админка: WayForPay — тот же набор полей, что и у Fondy

Секретный ключ не виден даже администратору

Приватный ключ, токен или секретный ключ мерчанта мы храним в базе в зашифрованном виде и не показываем в списках. В форме редактирования это поле всегда пустое с подсказкой, что ключ сохранен и скрыт. Оставили пустым — ключ не изменится, вписали новое значение — заменили. Так ключ не «засветится» на скриншоте или во время демонстрации экрана.

Форма редактирования провайдера LiqPay: поле приватного ключа пустое с подсказкой, что ключ сохранен и скрыт
Админка: сохраненный ключ скрыт, пустое поле его не стирает

Тестовый режим: проверьте весь путь без реальных денег

Переключатель «Тестовый режим» есть в форме каждого провайдера и отдельной колонкой в таблице. В LiqPay тестовые платежи проходят весь путь и отмечают заказ оплаченным, хотя деньги не списываются, — так вы увидите то же, что увидит покупатель. Для Fondy и WayForPay используется встроенный тестовый мерчант системы. Для monobank в поле «Токен» вписывается тестовый токен. Главное правило: перед запуском продаж тестовый режим нужно выключить, и форма напоминает об этом подсказкой.

Адрес для уведомлений об оплате

Статус «Оплачен» появляется в заказе автоматически, когда платежная система присылает магазину уведомление. Для этого у нее должен быть правильный адрес. Мы передаем его автоматически с каждым платежом, но некоторые кабинеты просят указать Service URL, Callback URL или Webhook вручную. Поэтому в форме провайдера есть блок «Адрес для уведомлений об оплате» с кнопкой «Скопировать».

Блок адреса для уведомлений об оплате с адресом магазина и кнопкой копирования
Админка: адрес для кабинета платежной системы копируется одним кликом

Если адрес не на HTTPS или не совпадает с доменом сайта, форма сразу предупредит: платежная система не сможет отправить статус оплаты. Мы добавили это предупреждение, потому что такая проблема тихо «ломает» оплату: деньги приходят, а заказы остаются неоплаченными.

Красное предупреждение: адрес не совпадает с доменом сайта или не использует HTTPS
Админка: предупреждение, если статусы оплаты не дойдут до магазина

Что видит покупатель: автопереход к оплате

Онлайн-оплату покупатель выбирает при оформлении через метод «Оплата онлайн» — у него в справочнике методов включен переключатель «Онлайн-оплата».

Форма метода оплаты «Оплата онлайн» с включенным переключателем «Онлайн-оплата»
Админка: метод «Оплата онлайн» отмечен как онлайн

Когда основной провайдер — LiqPay или monobank, мы не заставляем покупателя искать кнопку. Страница «Спасибо» показывает отсчет «Переходим к оплате через 3 с…» и кнопку «Перейти к оплате сейчас». Не нажал — через три секунды переход произойдет сам.

Страница «Спасибо за покупку» с отсчетом до перехода к оплате и кнопкой перехода
Витрина: отсчет и кнопка перехода к оплате (украинская версия витрины)
Страница «Спасибо» на смартфоне с отсчетом до перехода к оплате
Витрина на смартфоне: большая кнопка под пальцем

После оплаты покупатель возвращается на «Спасибо» и видит «Ожидаем подтверждения оплаты…». Страница обновляется сама, пока платежная система не подтвердит платеж. Это работает даже тогда, когда покупатель оплачивал в другом браузере или в приложении банка.

Страница «Спасибо» с сообщением об ожидании подтверждения оплаты
Витрина: покупатель видит, что оплата проверяется

Если оплата не прошла, покупатель не теряется: видит сообщение «Оплата не прошла. Попробуйте ещё раз.» и кнопку «Попробовать ещё раз». Автопереход срабатывает один раз на заказ, поэтому обновление страницы не открывает оплату повторно. Для Fondy и WayForPay оплата, как и раньше, открывается в окне поверх сайта.

Страница «Спасибо» с сообщением, что оплата не прошла, и кнопкой повторной попытки
Витрина: вторая попытка оплаты в один клик

Надежность и безопасность, которых не видно

Под страницей магазина: банк отправляет запечатанное письмо, охранник отсеивает подделку, оплата под замком
Статус «Оплачен» ставит только проверенное уведомление банка, а поддельные запросы получают отказ
  • Страница «Спасибо» не отмечает заказ оплаченным. Статус меняется только после уведомления от платежной системы.
  • Оплаченное не «откатывается». Позднее уведомление о предыдущей неудачной попытке не отменит успешную оплату; отменить ее может только возврат того же платежа.
  • Защита от подделки. Тестовые уведомления Fondy и WayForPay принимаются только для основного и включенного провайдера, а непроверенные или поврежденные запросы получают отказ — как у LiqPay и monobank.
  • Отдельные журналы без секретов. Для Fondy и WayForPay ведутся собственные журналы принятых и отклоненных уведомлений. Подписей, ключей, номера карты, email и телефона плательщика в них нет; записи хранятся 30 дней.

Как подключить онлайн-оплату

  1. Откройте «Интеграции → Сервисы оплаты». Если нужная система уже есть в таблице, откройте ее кнопкой редактирования; если нет — нажмите «Создать».
  2. В поле «Ключ» выберите платежную систему, заполните название и реквизиты по подсказке под полями.
  3. Включите «Тестовый режим» и пройдите оплату на сайте как покупатель.
  4. Если кабинет платежной системы просит Callback URL, скопируйте адрес из блока адреса для уведомлений.
  5. Отметьте провайдера основным, выключите тестовый режим и проверьте, что у метода «Оплата онлайн» включен переключатель «Онлайн-оплата».

Кому это дает больше всего

Рука со смартфоном оплачивает картой в одно касание, вокруг цветы с подарком, цифровые файлы, посылка и ключ
Цветы, цифровые товары или меньше отказов от посылок — быстрая оплата с телефона работает на всех
  • Магазин подарков и цветов. Покупатель часто оплачивает с телефона на ходу: автопереход и возврат из приложения банка убирают лишние шаги.
  • Цифровые товары и услуги. Без оплаты заказ не имеет смысла: чем меньше шагов до оплаты, тем меньше брошенных заказов.
  • Магазин, который уменьшает долю наложенного платежа. Если вы хотите меньше отказов от посылки, сделайте онлайн-оплату простой. Как вести оплату при получении, мы рассказали в статье о наложенном платеже.
  • Владелец без технической команды. Изменить ключ или платежную систему можно за пять минут в админке.

FAQ

Какие платежные системы поддерживаются? LiqPay, monobank, Fondy и WayForPay. Условия обслуживания и тарифы устанавливает сама платежная система — уточняйте их у нее.

Нужен ли программист, чтобы подключить оплату? Нет. Ключи, тестовый режим и основной провайдер настраиваются в админке. Разработчик понадобится, только если форма показывает предупреждение об адресе уведомлений.

Что делать, если покупатель оплатил с другого устройства? Ничего: после возврата страница «Спасибо» откроется для его заказа, а статус обновится после уведомления платежной системы.

Можно ли проверить оплату без реальных денег? Да, включите «Тестовый режим». Не забудьте выключить его перед запуском продаж.

Где посмотреть технические детали транзакции? На экране «Платежи» админки: сумма, провайдер, статус обработки и код ответа платежной системы.

Всё это уже работает в каждом магазине на платформе. Если вы только планируете создать интернет-магазин, загляните на страницу «стоимость создания интернет-магазина»: хостинг, обновления и поддержка уже входят в подписку.

Итог: что вы получаете

Мы сделали онлайн-оплату тем, что владелец настраивает сам: форма под каждую платежную систему с подсказками, скрытый секретный ключ, тестовый режим, адрес для уведомлений с кнопкой «Скопировать» и предупреждением об ошибках. Покупатель после оформления сам переходит к оплате, видит, что оплата проверяется, и может повторить попытку в один клик. Все новые возможности платформы — в разделе «Возможности».

Создать магазин

Новые статьи — на почту

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

Тарифы Turboshop

Выберите пакет под объём каталога — комиссия с продаж 0%. Полное сравнение пакетов — на странице цен.

Plus

Для магазинов, выросших из старта: больше товаров, фильтры и модификации, каталог в Facebook и Instagram.

416 грн / мес
или 380 грн/мес при оплате за год — 4 560 грн за год, экономия 9%
3 мес — 405 грн (−3%) 6 мес — 395 грн (−5%)
  • Количество товаров: до 3 000 товарів
  • Дисковое пространство: 5 ГБ
  • Фильтры и характеристики
  • Модификации товаров
  • Facebook и Instagram

Pro

Для больших магазинов: открытый API, складской учёт TurboSklad, продвинутое SEO и мониторинг сайта 24/7.

1728 грн / мес
или 1469 грн/мес при оплате за год — 17 628 грн за год, экономия 15%
3 мес — 1642 грн (−5%) 6 мес — 1555 грн (−10%)

Все возможности пакета Standart, плюс:

  • Количество товаров: без ограничений
  • Дисковое пространство: 50 ГБ
  • Открытый API
  • Учёт с TurboSklad
  • Программа лояльности
  • Посадочные страницы из фильтров
  • Мониторинг сайта 24/7
  • Типы цен (розница / опт / дилер)
  • Типы пользователей

Поможем запустить ваш магазин

Оставьте контакты — менеджер свяжется и подскажет лучшее решение для вашего бизнеса.