Как подключить виджет Prodamus к сайту на Tilda

Если ваш сайт сделан на Tilda, вы можете подключить к нему виджет Prodamus. Виджет прикрепляется к кнопке оплаты заказа. Когда покупатель нажимает на неё, открывается окно, где клиент выбирает удобный способ оплаты и вносит платёж. Ниже — инструкция, как всё настроить.

Шаг 1. Авторизуйтесь в личном кабинете Tilda и откройте «Настройки сайта»

Перейдите во вкладку «Платёжные системы».

В нижней части страницы выберите «Универсальную платёжную систему».

Нажмите на «Шаблон настроек» и выберите «Prodamus».

Шаг 2. Настройте виджет

Укажите в поле «Логин» название вашей платёжной страницы. Например, если URL-адрес вашей платёжной страницы name.payform.ru, то в этом поле нужно указать только name.

Впишите значение secret_key в поле «Секрет для подписи заказа».

Выберите валюту и укажите код страны, в которой вы будете принимать платежи. Код страны указывается двумя буквами. Например: RU, KZ, BY, US.

Нажмите «Добавить».

Шаг 3. Добавьте на сайт скрипт единого окна Prodamus

Для этого перейдите во вкладку «Ещё» и нажмите «Редактировать код».

Вставьте в поле для ввода следующий скрипт:

<script>

window.prodamusDomain = 'name.payform.ru';

window.prodamusCurrency = 'rub';

window.successPaymentAddress = 'http://success-url.ru';

window.errorPaymentAddress = 'http://error-url.ru';

</script>

<script src="https://widget.prodamus.ru/src/init.js" async></script>

<script src="https://integration.prodamus.ru/tilda/script" async></script>

<link rel="stylesheet" href="https://widget.prodamus.ru/src/init.css">

• Вместо name.payform.ru укажите адрес вашей платёжной страницы.

• Вместо rub можно указать иностранную валюту. Например, usd, kzt или eur. Если вы планируете принимать оплату в рублях, оставьте значение rub.

• Вместо http://success-url.ru укажите адрес, на который клиент будет перенаправлен после успешной оплаты заказа. Если вы не хотите перенаправлять покупателя после оплаты на какую-либо страницу, удалите из скрипта строку window.successPaymentAddress = 'http://success-url.ru';.

• Вместо http://error-url.ru укажите адрес, на который клиент будет перенаправлен после неудачной оплаты заказа. Если вы не хотите перенаправлять покупателя после оплаты на какую-либо страницу, удалите из скрипта строку window.errorPaymentAddress = 'http://error-url.ru';.

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

Шаг 4. Подключите активатор скрипта к кнопке оформления заказа

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

Откройте товарную страницу вашего сайта и нажмите на кнопку «Контент» в блоке продукта, к которому вы хотите подключить виджет Prodamus.

Вставьте в поле «Ссылка для кнопки» активатор скрипта javascript:prodamusPay(123, 'rub');.

• Вместо «123» укажите стоимость продукта.

• Вместо 'rub' можно указать иностранную валюту. Например, 'kzt', 'usd', или 'eur'.

Нажмите «Сохранить и закрыть».

Повторите те же действия для всех товарных страниц, чтобы прикрепить к ним виджет Prodamus.

Шаг 5. Опубликуйте сайт, чтобы виджет начал работать

Для этого перейдите в «Мои сайты».

Откройте сайт, для которого вы подключили виджет Prodamus.

Нажмите «Публиковать».

Готово: интеграция настроена. Теперь вы можете принимать заказы от клиентов через Prodamus на своём сайте на Tilda.

Важно! Для корректной отправки чеков в форме приёма данных на Tilda обязательно должны быть включены поля для указания номера телефона или адреса электронной почты.