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

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

Шаг 1. Авторизуйтесь в личном кабинете Taplink и удалите все подключённые платёжные системы

Это нужно для корректной работы виджета Prodamus. Пропустите этот шаг инструкции и сразу переходите к следующему, если вы не подключали к сайту платёжные системы.

Чтобы удалить платёжные системы, перейдите в раздел «Настройки».

Откройте вкладку «Приём платежей».

Удалите все подключённые платёжные системы. Для этого нужно открыть страницу платёжной системы и нажать «Действие» → «Удалить».

Шаг 2. Подключите к сайту виджет Prodamus

Для этого перейдите в раздел «Настройки» и откройте вкладку «Общие».

Укажите валюту оплаты и обязательно выберите «Русский» в поле «Язык страницы».

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

<script>

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

window.prodamusCurrency = "rub";

window.prodamusConfirmationText = "Перейти к оплате";

window.prodamusSys = "taplink_eoo";

window.successPaymentAddress = 'https://success-url';

window.errorPaymentAddress = 'https://error-url';

</script>

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

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

<script defer src="https://integration.prodamus.ru/taplink/script"></script>

<script src="https://integration.prodamus.ru/common/custom"></script>

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

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

  • Вместо «Перейти к оплате» укажите название кнопки подтверждения оплаты в корзине. Если вы ранее не переименовывали эту кнопку, ничего изменять не нужно.

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

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

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

Готово! Интеграция настроена. Теперь, когда клиент перейдёт в корзину, укажет свои контактные данные и нажмёт на кнопку оформления заказа, откроется виджет Prodamus, где покупателю останется выбрать удобный способ оплаты и оплатить покупку.

Шаг 3. Подключите активатор скрипта к кнопке оплаты заказа

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

Перейдите в раздел «Страница».

Нажмите на блок с кнопкой оплаты заказа.

Перейдите во вкладку «Ссылка» и вставьте в поле «Веб-сайт» активатор скрипта javascript:prodamusRedirectPay(123, 'rub', "https://success-url", "https://error-url");.

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

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

  • Вместо https://success-url укажите адрес, на который клиент будет перенаправлен после успешной оплаты заказа.

  • Вместо https://error-url укажите адрес, на который клиент будет перенаправлен после неудачной оплаты заказа.

Нюансы ☝️

Если вы не хотите перенаправлять клиентов после оплаты на какие-либо адреса удалите из активатора скрипта https://success-url и https://error-url.

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

Готово! Теперь, когда клиент нажмёт на кнопку оформления заказа, откроется виджет Prodamus, где покупателю останется указать свои контакты, выбрать удобный способ оплаты и внести платёж.

Информация носит исключительно справочный характер и не является офертой. С актуальной редакцией оферты и тарифами Вы можете ознакомиться в разделе "Документы".

Last updated