Как настроить оплату на лендинге Tilda
Если ваш сайт собран с помощью конструктора Tilda, подключите оплату через GetPlatinum одним из способов:
В статье разберём каждый способ подробнее.
Кнопка со ссылкой на оплату
Добавьте быструю ссылку для оплаты предложения прямо на кнопку вашего лендинга. Для этого:
Создайте платёжную ссылку с помощью функционала «Быстрая ссылка» или из предложения, как описано в разделе «Как создать платежную ссылку».
В настройках кнопки на Tilda добавьте вашу ссылку в соответствующее поле и сохраните изменения.
Таким образом, при клике на кнопку клиент будет переадресован на страницу оплаты заказа.
Заполнение формы
С помощью webhook можно настроить автоматическую передачу данных из формы заказа на стороне Tilda в ваш аккаунт GetPlatinum.
Для настройки выполните последовательно следующие шаги.
Шаг 1. Настройка Webhook в Tilda
Для активации webhook в Tilda:
Перейдите в настройки вашего сайта в раздел «Формы — Webhook».
- В открывшемся меню «Подключение сервиса приёма данных Webhook» укажите следующие значения:
| Настройка | Значение |
| WEBHOOK URL | https://<subdomain>
, где <subdomain> |
| API method | Выберите HEADER |
| API name | Authorization |
| API key | Вставьте API-ключ организации из кабинета GetPlatinum. Подробнее о том, как его получить, рассказываем в документации |
| Посылать Cookies | Не обязательно |
| Передавать данные по товарам в заказе — массивом | Не обязательно |
| Передавать externalid в товарах | Не обязательно |
| Отправлять данные в виде application/json | Обязательно |
| Передавать дополнительные данные в товарах | Не обязательно |
| Отправлять только после оплаты | Не включать |
- После заполнения всех полей нажмите кнопку «Добавить».
Далее перейдите на страницу Tilda с формой заказа и в меню «Контент» в поле «Подключённые сервисы:» активируйте webhook включением соответствующего селектора. Сохраните изменения.
Важно!
Чтобы покупатель был автоматически авторизован на странице оплаты GetPlatinum и сразу переходил к выбору способа оплаты, необходимо в форме заказа Tilda сделать поля «email» и «номер телефона» обязательными.
Шаг 2. Добавление JS-кода
Для корректной работы в аккаунте GetPlatinum предварительно должна быть настроена организация и добавлено хотя бы одно предложение. Далее:
Перейдите в настройки предложения, нажав значок карандаша, и нажмите «Получить код для Tilda».
Обратите внимание: если вы создаёте новое предложение, ссылка «Получить код для Tilda» появится в настройках только после его сохранения.
- Скопируйте готовый JS-код из модального окна.
- На странице Tilda с формой заказа добавьте блок «T123» и вставьте скопированный JS-скрипт из формы предложения GetPlatinum.
Готово! Теперь при заполнении формы заказа на стороне Tilda данные будут автоматически переданы в кабинет GetPlatinum, а клиент будет переадресован на страницу оплаты заказа.