Интеграция Яндекс Пэй + Tilda

Все этапы подключения

1

Регистрация
в Яндекс Пэй

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

2

Проверка
партнера

Сотрудники Яндекса запросят
всю необходимую информацию
и отправят ее на проверку.

3

Настройка
интеграции

После проверки, можно приступить к интеграции, подробная инструкция расположена ниже.

4

Начало приема
платежей

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

Настройка интеграции

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

Регистрация в OmniPay

Для начала регистрации перейдите по кнопке ниже или по ссылке — Регистрация.
В предложенной форме введите адрес электронной почты, он будет использоваться для авторизации (Шаг 1).
Сервис попросит указать дополнительные данные для завершения регистрации (Шаг 2).
Для последующего входа используйте адрес почты и пароль, которые мы отправили в письме подтверждения регистрации.

Регистрация

Интеграция — Этап 1

Перейдите в настройки кабинета Яндекс Пэй — быстрый переход (Шаг 1).
Проверьте, переключатель «Тестовая среда» должен быть установлен в положение «ВКЛ» (Шаг 2).
Ниже в настройках, в поле «Callback URL» скопируйте следующий текст: https://app.omni-pay.ru/yandex_pay, его также можно найти во вкладке «Яндекс Пэй» личного кабинета OmniPay (Шаг 3).
Скопируйте значение поля «Merchant ID» в буфер обмена или блокнот (оно пригодится на 5 этапе).

Интеграция — Этап 2

Авторизуйтесь в Tilda и выберите проект с которым необходимо провести интеграцию, затем перейдите в «Настройки сайта».
В левом меню раздела настроек, найдите и откройте вкладку «Платежные системы».
Для создания интеграции, в предложенном списке платежных сервисов, выберите «Универсальная платёжная система».

Интеграция — Этап 3

На странице «Универсальная платежная система» в выпадающем списке найдите и выберите шаблон «OmniPay» (Шаг 1).
Откроется форма с полным списком настроек платежной системы (Шаг 2):

Логин; Секрет для подписи заказа — в поля вносятся данные, расположенные в разделе «Магазин», из настроек кабинета OmniPay (подробнее в следующем этапе).
URL для уведомлений — не требует изменений.
Валюта — поддерживается только RUB.
Страна; Язык виджета оплаты — поддерживается только RU.
Режим налогообложения (РФ); Электронные чеки (РФ); НДС для доставки (РФ); ФФД: Признак способа расчёта — заполняются в соответствии с вашими бизнес процессами.
Заголовок — придумайте название способа оплаты для покупателей, например: Оплата картой или Яндекс Пэй / Сплит.
Ничего не меняйте в скрытом разделе «Расширенные настройки».

Интеграция — Этап 4

В настройках кабинета OmniPay откройте вкладку «Магазин».
Установите желаемое «Название магазина» и укажите URL сайта в поле «Адрес магазина» (Шаг 1). Не заполняйте поля «URL для перехода при успешной оплате» и «URL для перехода при ошибке оплаты» (их следует заполнять только при активации рабочего режима, об этом подробнее в следующих разделах). Сохраните настройки.
Скопируйте значения Логин и Секрет для подписи заказа в соответствующие поля в настройках платежной системы в Tilda (Шаг 2).
После настройки и заполнения всех полей формы добавления платежной системы в Tilda, нажмите на кнопку «Добавить».
Напоминаем, после любых изменений проекта в Tilda, необходимо нажать на кнопку «Опубликовать все страницы».

Интеграция — Этап 5

В настройках кабинета OmniPay, откройте вкладку «Яндекс Пэй».
Вставьте значение поля «Merchant ID», скопированное из кабинета Яндекс Пэй на 1 этапе, в поля настройки «Merchant ID для магазина» и «Ключ Yandex Pay Merchant API».
Сохраните изменения и приступайте к тестированию оплаты.

Тестирование оплаты

1

Добавьте
товары в корзину

У Вас на сайте должен быть установлен блок «Корзина с формой заказа (ST100)» из раздела «Магазин» конструктора в Tilda.

2

Выберите
способ оплаты

В форме оформления заказа выберите тестируемый способ оплаты (отобразится, если у Вас несколько способов оплаты).

3

Оформите
и оплатите заказ

После оформления заказа, Вас перенаправит на форму оплаты (где будет установлен номер тестовой карты), оплатите заказ.

4

Проверьте
статус оплаты

Перейдите в раздел «Заявки» вашего сайта, чтобы убедиться, что у тестовой заявки сменился статус оплаты на «Оплачено».

Начало приема платежей

Интеграция — Этап 6

Перейдите в настройки кабинета Яндекс Пэй — быстрый переход (Шаг 1).
Установите переключатель «Тестовая среда» в положение «ВЫКЛ» (Шаг 2).
Ниже в настройках, в поле «Callback URL» скопируйте следующий текст: https://app.omni-pay.ru/yandex_pay, его также можно найти во вкладке «Яндекс Пэй» личного кабинета OmniPay (Шаг 3).
Далее, нажмите на кнопку «Выпустить ключ» и дождитесь появления всплывающего окна (Шаг 4). Если Вы выпустили ключ ранее (на этапе тестирования или любом другом этапе), можно смело удалить старый и выпустить новый.
Скопируйте значение поля «Ключ» в буфер обмена или блокнот (оно нам пригодится на следующем этапе).

Интеграция — Этап 7

В настройках кабинета OmniPay, откройте вкладку «Яндекс Пэй».
Установите переключатель «Тестовая среда» в положение «ВЫКЛ». Обратите внимание, переключатель открывает новую форму, для ввода рабочих, не тестовых данных.
Вставьте значение поля «Merchant ID», скопированное из кабинета Яндекс Пэй на 1 этапе в соответствующее поле.
Вставьте «Ключ» из предыдущего этапа в поле «Ключ Yandex Pay Merchant API» (Шаг 1).
Сохраните изменения.
Перейдите на вкладу «Магазин» и укажите значения «URL для перехода при успешной оплате / при ошибке оплаты» (Вы можете создать отдельные страницы внутри вашего проекта Tilda или указать главную страницу сайта) (Шаг 2).
Сохраните изменения, система активирует рабочий режим только в случае заполнения всех настроек!