Интеграция с Tilda (OmniPay)

Бесплатный модуль

Модуль Tilda позволяет подключить прием платежей через Яндекс Пэй и Сплит на ваш сайт, созданный на базе Tilda. Модуль предоставляет партнер OmniPay бесплатно.

Возможности модуля

* Возврат доступен в разделе Платежи личного кабинета Яндекс Пэй.

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

1. Зарегистрируйтесь в личном кабинете Яндекс Пэй и подайте заявку на подключение сервиса Яндекс Пэй и Сплит в ваш магазин.

2. Дождитесь одобрения заявки и подключения сервиса.

3. В личном кабинете Яндекс Пэй выберите в селекторе ваш магазин и перейдите в раздел Настройки.

4. В блоке Подключение нажмите Выпустить ключ Merchant API, скопируйте и сохраните значение выпущенного ключа.

   Где выпустить ключ API

   

   Также скопируйте и сохраните значение Merchant ID. Эти данные понадобятся вам при дальнейшей настройке.

   Где найти Merchant ID

   

Шаг 2. Настройка магазина в OmniPay

1. Зарегистрируйте аккаунт в OmniPay.

2. В личном кабинете перейдите на вкладку Магазин, укажите название и адрес вашего магазина и нажмите Сохранить.

   Примечание

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

3. Скопируйте значения полей Логин платежной системы и Секрет для подписи заказа. Эти данные понадобятся вам при настройке платежной системы в Tilda.

4. Перейдите на вкладку Яндекс Пэй и включите опцию Тестовая среда.

5. В поля Merchant ID для магазина и Ключ Yandex Pay Merchant API укажите Merchant ID из личного кабинета Яндекс Пэй.

   

6. Нажмите Сохранить.

Шаг 3. Настройка платежной системы в Tilda

1. Войдите в личный кабинет Tilda.

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

   

3. Перейдите в раздел Настройки сайта → Платежные системы → Универсальная платёжная система.

4. Выберите шаблон OmniPay и заполните поля:

   • Логин — логин платежной системы из настроек магазина в OmniPay.

   • Секрет для подписи заказа — секрет из настроек магазина в OmniPay.

   • URL для уведомлений — не требует изменений.

   • Валюта — валюта, в которой отображаются цены на сайте. Поддерживается только RUB.

   • Страна — страна, в которой вы ведете бизнес или предоставляете услуги.

   • Язык виджета оплаты — язык интерфейса платежного виджета. Поддерживается только RU.

   • Режим налогообложения (РФ), Электронные чеки (РФ), НДС для доставки (РФ), ФФД: Признак способа расчёта — фискальные настройки для вашего бизнеса.

   • Заголовок — название способа оплаты для покупателей (например «Оплата картой или Яндекс Пэй / Сплит»).

     

5. Нажмите Сохранить изменения.

6. При необходимости настройте бейджи и виджеты Яндекс Пэй.

7. Вернитесь на главную страницу вашего проекта и нажмите кнопку Опубликовать все страницы.

Шаг 4. Тестирование оплаты

Чтобы проверить корректность обработки платежей c помощью Яндекс Пэй, включите тестовый режим:

1. В личном кабинете Яндекс Пэй:

   1. Перейдите в раздел Настройки и в правом верхнем углу включите опцию Тестовые данные.

   2. В блоке Подключение нажмите Добавить Callback URL Тестовый и укажите:

      https://app.omni-pay.ru/yandex_pay
      

   3. Нажмите кнопку Сохранить.

2. В личном кабинете OmniPay перейдите на вкладку Яндекс Пэй и убедитесь, что включена опция Тестовая среда.

3. Проведите несколько тестовых платежей:

   1. Добавьте товары в корзину и выберите способ оплаты.

      Важно

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

   2. Оформите и оплатите заказ. Для оплаты используется номер тестовой карты.

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

Шаг 5. Переход в рабочий режим

После тестирования оплаты переключите среду с тестовой на боевую:

1. В личном кабинете Яндекс Пэй:

   1. Перейдите в раздел Настройки и отключите опцию Тестовые данные, чтобы скрыть тестовые настройки.

   2. В блоке Подключение нажмите Добавить Callback URL и укажите:

      https://app.omni-pay.ru/yandex_pay
      

   3. Нажмите кнопку Сохранить.

2. В личном кабинете OmniPay:

   1. Перейдите на вкладку Яндекс Пэй и отключите опцию Тестовая среда.

   2. Заполните поля:

      • Merchant ID для магазина — Merchant ID из личного кабинета Яндекс Пэй.
      • Ключ Yandex Pay Merchant API — API-ключ из личного кабинета Яндекс Пэй.

      

   3. Нажмите Сохранить.

   4. Перейдите на вкладку Магазин и заполните поля:

      • URL для перехода при успешной оплате — URL страницы, которая откроется покупателю после успешной оплаты.
      • URL для перехода при ошибке оплаты — URL страницы, которая откроется при ошибке оплаты.

   5. Нажмите Сохранить.

Настройка модуля завершена. Теперь клиенты в вашем магазине могут оплачивать покупки при помощи Яндекс Пэй и Сплит.

Подключение бейджей и виджетов Яндекс Пэй

Чтобы подключить готовые бейджи и виджеты Яндекс Пэй на ваш сайт, используйте инструкцию от OmniPay. Посмотреть, как они будут выглядеть, можно в демо-магазине.