Для подключения данного способа приема платежей у вас уже должен быть создан свой аккаунт в Яндекс.Деньги. Максимальная сумма одного платежа на ваш кошелек не может превышать 15000 рублей, максимальное количество платежей и сумма на кошельке зависит от статуса идентификации вашего кошелька.

ПРОСТОЙ СПОСОБ ПОДКЛЮЧЕНИЯ

1. Перейдите на страницу ”Формы и кнопки для вашего сайта” Яндекс.

2. Выберите любой из двух вариантов подключения оплаты.

3. Настройте кнопку или форму так, как вам нужно, согласно имеющимся параметрам на странице Яндекс. Если на сайте несколько товаров и у каждого из них разная цена, тогда создайте несколько кнопок или форм.

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

Заметка: если вы выбрали Форму вместо кнопки, то в дополнительных настройках можно добавить к форме Яндекс.Деньги такие поля. Это означает, что можно не добавлять форму Creatium, а сразу использовать форму и поля от Яндекс. Однако в этому случае изменить настройки формы можно будет только предусмотренными Яндексом способами.

4. Опубликуйте страницу, чтобы применить изменения.

БОЛЕЕ СЛОЖНЫЙ СПОСОБ ПОДКЛЮЧЕНИЯ 

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

Действия для настройки форм, названия товара и цены товара

1. Если форма для заказа товара размещена в модальном окне, то есть форма вызывается при клике на кнопку, то убедитесь, что в настройках действий кнопки выбрано действие ”Показать окно без формы”, а не какое-либо другое.

Заметка: если ранее в настройках действий кнопки было выбрано действие ”Показать окно с формой”, то изменив параметр, форму в модальное окно нужно будет добавить и настроить заново.

2. В настройках тех форм, после отправки которых должен выполниться переход к оплате установите действие "Сообщение".

3. Над формой или под ней добавьте виджет ”Блок” или добавьте его туда, где в дальнейшем будет форма.

4. Добавьте внутрь виджета ”Блок” еще один виджет ”Текст”. Минимально в виджете ”Блок” должно быть два виджета ”Текст”.

5. В настройках виджета ”Блок” выберите Роль - ”Карточка товара”.

6. В настройках первого виджета ”Текст” выберите Роль - ”Название товара” и напишите его название.

Заметка: если данный виджет дублирует ранее указанное название товара, то скрыть его можно добавив в настройках класс - hidden

7. В настройках второго виджета ”Текст” выберите Роль - ”Цена товара” и напишите его цену.

Заметка: если данный виджет дублирует ранее указанную цену товара, то скрыть его можно добавив в настройках класс - hidden

8. Поместите внутрь виджета ”Блок: карточка товара” виджет ”Форма” или переместите в него ранее созданную форму.

9. Добавьте в форму поле ”Варианты”.

10. В настройках поля ”Варианты” укажите название для поля ”Способ оплаты” или ”Как хотите оплатить?”, или любое другое название.

Можно добавить только следующие варианты оплаты:

ВАЖНО! Название вариантов нужно указать точно так же, как написано здесь, то есть не своими словами. А вот последовательность вариантов может быть любой.

  • Яндекс.Деньгами
  • Картой Visa или MasterCard
  • Со счета мобильного телефона

Или

  • Яндекс.Деньги
  • Картой
  • С мобильного

11. Настраивать дизайн Названия товара, Цены товара и формы можно на свой вкус, главное, чтобы все пункты от 1-го до 10-го были выполнены корректно.

Действия для настойки перехода к оплате

1. Добавьте где-нибудь на странице виджет ”Вставка HTML кода”.

Это действие нужно выполнить только один раз в рамках одной страницы.

2. В настройках виджета ”Вставка HTML кода” добавьте такой код.

Это действие нужно выполнить только один раз в рамках одной страницы.

<form class="custom-yandex-money" method="POST" action="https://money.yandex.ru/quickpay/confirm.xml" style="display: none;">
    <input type="hidden" name="receiver" value="НОМЕР_КОШЕЛЬКА_В_ЯНДЕКС_ДЕНЬГИ">
    <input type="hidden" name="formcomment" value="НАЗВАНИЕ_ПЛАТЕЖА_В_ИСТОРИИ_ОТПРАВИТЕЛЯ">
    <input type="hidden" name="short-dest" value="НАЗВАНИЕ_ПЛАТЕЖА_НА_СТРАНИЦЕ_ПОДТВЕРЖДЕНИЯ_МОЖНО_УКАЗАТЬ_ТО_ЖЕ_ЧТО_И_В_formcomment">
    <input type="hidden" name="label" value="НАЗВАНИЕ_ИЛИ_НОМЕР_ТОВАРА_ДЛЯ_ПОЛУЧАТЕЛЯ">
    <input type="hidden" name="quickpay-form" value="shop">
    <input type="hidden" name="targets" value="НАЗВАНИЕ_ПЛАТЕЖА">
    <input type="hidden" name="sum" value="100.00" data-type="number">
    <input type="hidden" name="comment" value="МОЖНО_ПЕРЕДАТЬ_КОММЕНТАРИЙ_ОТПРАВИТЕЛЯ_ПЛАТЕЖА">
    <input type="hidden" name="need-fio" value="false">
    <input type="hidden" name="need-email" value="true">
    <input type="hidden" name="need-phone" value="false">
    <input type="hidden" name="need-address" value="false">

    <label><input class="yandex-money" type="radio" name="paymentType" value="PC">Яндекс.Деньгами</label>
    <label><input class="card-visa-mc" type="radio" name="paymentType" value="AC">Картой Visa или MasterCard</label>
    <label><input class="mobile-money" type="radio" name="paymentType" value="MC">Со счета мобильного телефона</label>

    <input type="submit" value="Оплатить">
</form>


3.
Опубликуйте страницу для применения внесенных изменений.

4. Выйдите из редактора и перейдите в настройки сайта. Далее на вкладке ”Свой код” добавьте в поле ”Перед </body>” такой код указав в нем номер вашего кошелька в Яндекс.Деньги.

<script type="text/javascript">
  var walletNumberYandexMoney = "НОМЕР_ВАШАГО_КОШЕЛЬКА"; /* УКАЖИТЕ НОМЕР КОШЕЛЬКА ЯНДЕКС.ДЕНЬГИ */
</script>


5.
Сразу под кодом с номером вашего кошелька добавьте такой код и сохраните изменения.

ВАЖНО! Если ранее вы уже добавляли к сайту данный скрипт из других инструкций, то повторное добавление не требуется. В случае случайного или намеренного повторного добавления отправка данных будет дублироваться или это может привести к другим непредвиденным ошибкам.

<!--СКРИПТ ДЛЯ ОБЕСПЕЧЕНИЯ РАБОТЫ ИНТЕГРАЦИЙ-->
<script type="text/javascript">
  var date = new Date();
  var currentDate = String(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());
  var initialization = document.createElement('script');
  initialization.type = 'text/javascript';
  initialization.src = 'https://i.1.creatium.io/disk/static/support-scripts/integration/integration.js?data=' + currentDate;
  initialization.charset = 'UTF-8';
  document.body.appendChild(initialization);
</script>


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


Пример настроенной интеграции можно просмотреть здесь:

ОТВЕТЫ НА НЕКОТОРЫЕ ВОПРОСЫ

1) Как определить кто оплатил?

Нужно запросить у посетителя сайта его почту. Для этого добавьте в форму поле ”Электронная почта” или ”Многострочный текст” и сделайте его обязательным для заполнения.

Таким образом вы сможете сопоставить email, комментарий, название и цену товара в заявке на Creatium с данными в вашей выписке на Яндекс.Деньги.

2) Что произойдет, если посетитель не выбрал способа оплаты и отправил заявку?

По умолчанию будет выбран способ оплаты ”Картой Visa или MasterCard”.

3) Как сделать так, чтобы в Яндекс передавались только данные о сумме и названии товара, но не передавались все остальные данные из формы?

Вместо кода

<script type="text/javascript">
  var walletNumberYandexMoney = "НОМЕР_ВАШАГО_КОШЕЛЬКА"; /* УКАЖИТЕ НОМЕР КОШЕЛЬКА ЯНДЕКС.ДЕНЬГИ */
</script>

Добавьте такой код

<script type="text/javascript">
  var walletNumberYandexMoney = "НОМЕР_ВАШАГО_КОШЕЛЬКА"; /* УКАЖИТЕ НОМЕР КОШЕЛЬКА ЯНДЕКС.ДЕНЬГИ */
  var offSendDetailsInfoForYandexMoney = true;
</script>

4) Можно ли передать итоговую цену с поля "Калькулятор"?

Да. 

1. Для этого удалите виджет "Текст" с ролью "Цена товара";

2. В настройках поля "Калькулятор", где будет отображаться итоговая стоимость добавьте class - total-price, как показано на скриншоте:

3. Повторно опубликуйте страницу и проверьте результат.

ДОБАВЛЕНИЕ СКИДКИ ПО ПРОМОКОДУ

Важно! Скидка по промокоду будет работать только в том случае, если Яндекс.Деньги были подключены по более сложному способу.

1. Добавьте в форму поле "Текст" или "Многострочный текст", а затем назовите поле одним из следующих вариантов.

  • Промокод;
  • Промо-код;
  • Promocod;
  • Promocode;
  • Promo-cod;
  • Promo-code.

Заметка: поле "Текст" занимает меньше места, по этому лучше использовать его. Также регистр текста для вариантов названия поля не имеет значения.

2. Теперь добавьте в настройках сайта или в настройках конкретной страницы такой скрипт в поле "Перед </body>" и сохраните изменения.

<script type="text/javascript">
  /* Название промокода, который даёт скидку */
  var myPromoCode = ["demo", "demo-test", "demoTest"];

  /* Размер скидки */
  /* Количество скидок должно быть равно количеству промокодов */
  var myPromoCodeSale = [10, 50, 100];
</script>

Важно! Изменяя названия промокодов, следите за тем, чтобы названия были обернуты в кавычки на английской раскладке клавиатуры, если кавычки будут написаны на иной раскладке, скрипт не будет работать.

myPromoCode - здесь нужно указать один или несколько названий промокодов, например, так:

var myPromoCode = ["brend", "socialtrend", "demoTest"];

ИЛИ

var myPromoCode = ["DEMO"];

Заметка: регистр символов не имеет значения, т.e. если посетитель введет вместо DEMO это же слово так DeMo оно все равно будет засчитано.

myPromoCodeSale -  здесь можете указать размер скидки для каждого из промокодов. В нашем примере указаны следующие скидки:

  • demo - 10
  • demo-test - 50
  • demoTest - 100

10, 50 и 100 - это сумма в рублях. Обозначение валюты не пишется, так как можно указать только сумму в рублях.

3. Если все настроено корректно, то при переходе к оплате с введенным промокодом посетитель увидит ваш промокод в названии товара и в поле "Комментарий", а вы, как продавец увидите это в своей выписке.

4. Пример перехода к оплате с учетом промокода можно просмотреть на этой странице.

ДОПОЛНИТЕЛЬНЫЕ МАТЕРИАЛЫ

Вы нашли ответ?