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

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

### Шаг 1. Авторизуйтесь в личном кабинете Taplink и удалите все подключённые платёжные системы  <a href="#h.rdv4k4klcgvm" id="h.rdv4k4klcgvm"></a>

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

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2Fs5uw0TkUMGqH3GeHp6O4%2Fimage.png?alt=media&#x26;token=4aabf37e-733d-446a-b264-c73d59ee9411" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FYHu4GgbDJgKTUaTGkwF7%2Fimage.png?alt=media&#x26;token=985262e3-1684-4d80-be2d-cc5add4e8aba" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FehMN4FxrM2GxR6GzX1E3%2Fimage.png?alt=media&#x26;token=1e13a933-607a-4339-8f43-74deef84d738" alt=""><figcaption></figcaption></figure>

### Шаг 2. Подключите к сайту виджет Prodamus <a href="#h.1f6dzmaju19j" id="h.1f6dzmaju19j"></a>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2Fihew3NuVxQoQvRqCmR2o%2Fimage.png?alt=media&#x26;token=75323f7f-0bc3-4218-90f3-833de19c9399" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FI0Bj1OVMJS69zxDYUpip%2Fimage.png?alt=media&#x26;token=11d2d59a-1228-4228-8c6b-ee340f3624c3" alt=""><figcaption></figcaption></figure>

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

> \<script>
>
> &#x20;window\.prodamusDomain = "<mark style="color:yellow;">name.payform.ru</mark>";
>
> &#x20;window\.prodamusCurrency = "<mark style="color:yellow;">rub</mark>";
>
> &#x20;window\.prodamusConfirmationText = "<mark style="color:yellow;">Перейти к оплате</mark>";
>
> &#x20;window\.prodamusSys = "taplink\_eoo";
>
> &#x20;window\.successPaymentAddress = '<mark style="color:yellow;"><https://success-url></mark>';&#x20;
>
> &#x20;window\.errorPaymentAddress = '<mark style="color:yellow;"><https://error-url></mark>';
>
> \</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">\\](https://integration.prodamus.ru/taplink/script">\\)</script>
>
> \<script src="[https://integration.prodamus.ru/common/custom">\\](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>';.

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FojKEN8rJfdGOotykUOgM%2F2222231.png?alt=media&#x26;token=c0c3422c-38a4-4724-8a83-3e08b67f886b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2Fq3Avke2Zt3ChkpxM5Odf%2Fimage.png?alt=media&#x26;token=f8d34579-2a34-4f91-baf1-9cd68684cc9f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2Fqhuq4AKyO8Fd658xLRpi%2Fimage2.gif?alt=media&#x26;token=45067f6e-61af-4001-b43e-4e843ad61a83" alt=""><figcaption></figcaption></figure>

### Шаг 3. Подключите активатор скрипта к кнопке оплаты заказа <a href="#h.u9qslkfw6k22" id="h.u9qslkfw6k22"></a>

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

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FfcqenOpAGXqvz6qe8fUy%2Fimage.png?alt=media&#x26;token=0604586a-2ad9-47b0-a8f9-2d054e503127" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FxeDiPCO0s16lpCr00SBx%2Fimage.png?alt=media&#x26;token=78dce33a-fdd7-4717-ba28-739242c23279" alt=""><figcaption></figcaption></figure>

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

* Вместо «123» укажите стоимость продукта.
* Вместо 'rub' можно указать иностранную валюту. Например, 'kzt', 'usd', или 'eur'.
* Вместо <https://success-url> укажите адрес, на который клиент будет перенаправлен после успешной оплаты заказа.&#x20;
* Вместо <https://error-url> укажите адрес, на который клиент будет перенаправлен после неудачной оплаты заказа.

{% hint style="info" %}
**Нюансы** ☝️

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FB3Qfrc0ueegmNvh3ehg0%2Ftaplink12345.png?alt=media&#x26;token=25b44632-4972-4eaf-bc29-6f4f81b91e97" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2F8tCSTshb2vVhTvvWl84b%2F1234456.png?alt=media&#x26;token=12b3e9d9-f98e-462e-acd8-a342c79f93e9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4061190562-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5pHt5axogA0zyX7V6_%2Fuploads%2FYsTUUeet0lG8WZifFMZa%2Fimage13.gif?alt=media&#x26;token=101e6758-ffea-4d9d-92e3-8aa4a44fe1a0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Информация носит исключительно справочный характер и не является офертой. С актуальной редакцией оферты и тарифами Вы можете ознакомиться в разделе "[Документы](https://prodamus.ru/documents)".
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.prodamus.ru/payform/integracii/integraciya-eo-v-konstruktory-saitov/kak-podklyuchit-vidzhet-prodamus-k-saitu-na-taplink.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.