Как подключить виджет Prodamus к сайту на Tilda
Last updated
Last updated
Если ваш сайт сделан на Tilda, вы можете подключить к нему виджет Prodamus. Виджет прикрепляется к кнопке оплаты заказа. Когда покупатель нажимает на неё, открывается окно, где клиент выбирает удобный способ оплаты и вносит платёж. Ниже — инструкция, как всё настроить.
Перейдите во вкладку «Платёжные системы».
В нижней части страницы выберите «Универсальную платёжную систему».
Нажмите на «Шаблон настроек» и выберите «Prodamus».
Укажите в поле «Логин» название вашей платёжной страницы. Например, если URL-адрес вашей платёжной страницы name.payform.ru, то в этом поле нужно указать только name.
Вставьте в поле «Секрет для подписи заказа» ключ для настройки интеграции. Его можно скопировать в личном кабинете Prodamus в разделе «Настройки».
Выберите валюту и укажите код страны, в которой вы будете принимать платежи. Код страны указывается двумя буквами. Например: RU, KZ, BY, US.
Нажмите «Добавить».
Для этого перейдите во вкладку «Ещё» и нажмите «Редактировать код».
Вставьте в поле для ввода следующий скрипт:
<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';.
Нажмите «Сохранить».
Выполните действия, описанные ниже, только если оплата заказа происходит напрямую, без добавления продукта в корзину. Если заказы оформляются через корзину, перейдите к следующему шагу инструкции.
Откройте товарную страницу вашего сайта и нажмите на кнопку «Контент» в блоке продукта, к которому вы хотите подключить виджет Prodamus.
Вставьте в поле «Ссылка для кнопки» активатор скрипта javascript:prodamusPay(123, 'rub');.
Вместо «123» укажите стоимость продукта.
Вместо 'rub' можно указать иностранную валюту. Например, 'kzt', 'usd', или 'eur'.
Нажмите «Сохранить и закрыть».
Повторите те же действия для всех товарных страниц, чтобы прикрепить к ним виджет Prodamus.
Для этого перейдите в «Мои сайты».
Откройте сайт, для которого вы подключили виджет Prodamus.
Нажмите «Публиковать».
Готово: интеграция настроена. Теперь вы можете принимать заказы от клиентов через Prodamus на своём сайте на Tilda.
Важно! Для корректной отправки чеков в форме приёма данных на Tilda обязательно должны быть включены поля для указания номера телефона или адреса электронной почты.
