После того, как вы подключили ЮKassa и обсудили с менеджером условия приёма платежей в кредит, разместите кнопки на сайте и расскажите покупателям об этой новости.
Вы можете использовать готовые кнопки или разработать своё решение — на основе наших библиотек и методов API. В CMS тоже всё работает.
Эту кнопку можно показать в корзине: покупатель увидит, что можно разбить оплату на части (например, по 10 000 ₽ в месяц), перейдёт по кнопке в ЮKassa, оформит кредит и вернётся к вам.
Добавьте кнопку на сайт по инструкции, а минимальная сумма платежа в месяц отобразится на ней автоматически.
Информационный блок — дополнение для кнопки, которая ведёт к оформлению кредита. Кнопка размещается в корзине, а блок — в карточке товара. Его задача — рассказать покупателю о возможности оплаты в кредит.
В блоке выводится минимальная сумма платежа за товар в месяц, но перейти к оформлению кредита из него не получится: это можно сделать только из корзины.
Если вы принимаете платежи по сценарию с выбором способа оплаты на стороне ЮKassa, попросите менеджера включить «Заплатить по частям»: кнопка появится сама собой.
Вам останется разместить на сайте информационные блоки — чтобы покупатели узнали, что могут заплатить в кредит без переплаты.
Подробнее об оплате на стороне ЮKassa →Если в вашем модуле есть «Заплатить по частям» (об этом можно узнать у менеджера), просто обновите модуль и включите этот способ в настройках.
Ещё вариант: почти во всех платёжных модулях можно включить сценарий с выбором способа оплаты на стороне ЮKassa. Тогда оплата в кредит появится у ваших покупателей автоматически (после того, как подпишете договор).
Для самописных сайтов:
Покупатели заранее узнают о возможности покупки в кредит и будут учитывать это при выборе товаров.
Разместите этот текст на своём сайте: в нём можно что-то поправить, но мы постарались учесть самое важное.
Мы уже всё сверстали, можете просто скопировать код из вкладок HTML (это исходник с текстом) и CSS (это форматирование для текста — таблица стилей). Будет выглядеть так же, как текст на этой странице.
<h1>Оплата с помощью сервиса Заплатить по частям</h1>
<p>Копить не обязательно: можно получить товар сейчас, а заплатить позже по частям, раз в месяц.</p>
<div class="tpl-grid_1-1-1">
<div class="tpl-grid__fraction">
<h3>Всё онлайн</h3>
<p>Кредит выдаётся во время оплаты, нужно подождать одобрения несколько минут.</p>
</div>
<div class="tpl-grid__fraction">
<h3>Простая анкета</h3>
<p>Как правило, нужны только данные паспорта.</p>
</div>
<div class="tpl-grid__fraction">
<h3>Понятные условия</h3>
<p>Итоговую сумму и график платежей вы увидите перед тем, как взять кредит.</p>
</div>
<div class="tpl-grid__fraction">
<h3>Всё под контролем</h3>
<p>График ежемесячных платежей и условия всегда можно посмотреть в
<a href="https://yoomoney.ru/credit/payoff">кошельке ЮMoney</a>.
</p>
</div>
<div class="tpl-grid__fraction">
<h3>Удобное погашение</h3>
<p>Деньги списываются автоматически из кошелька, нужно просто вовремя его пополнить.</p>
</div>
</div>
<a href="kredit-zaplatit-po-chastyam-instrukciya.html">Посмотреть подробную инструкцию</a>
<h2>Условия</h2>
<div class="tpl-grid_1-1">
<div class="tpl-grid__fraction">
<h3>Кому подходит</h3>
<ul>
<li>гражданам России</li>
<li>от 18 до 65</li>
<li>с действующим паспортом</li>
<li>постоянной пропиской</li>
<li>и постоянным доходом</li>
</ul>
</div>
<div class="tpl-grid__fraction">
<h3>Сумма кредита</h3>
<p>3 000–150 000 <span class="symbol symbol_currency_ruble">₽</span></p>
</div>
<div class="tpl-grid__fraction">
<h3>Срок кредита</h3>
<p>6 или 12 месяцев, льготный период – от 5 до 120 дней (в этот срок можно погасить кредит без переплаты)</p>
</div>
<div class="tpl-grid__fraction">
<h3>Переплата</h3>
<p>от 1,7%</p>
</div>
<div class="tpl-grid__fraction">
<h3>Рассрочка</h3>
<p>до 6 месяцев</p>
</div>
<div class="tpl-grid__fraction">
<h3>Как платить по кредиту</h3>
<p>Пополняйте кошелёк на Яндексе (если его нет, то во время оплаты появится). Выплата по кредиту будет списываться раз в месяц из кошелька — просто следите, что денег в нём достаточно.</p>
</div>
</div>
h1 {
margin-bottom: 40px;
}
h2 {
margin-top: 72px;
}
h3 {
margin-bottom: 8px;
}
ul{
list-style-type: none;
padding-left: 0;
}
li:before {
content: '—';
margin-right: 10px;
}
.tpl-grid_1-1-1 {
width: 100%;
display: grid;
grid-column-gap: 72px;
grid-row-gap: 36px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 24px;
margin-top: 40px;
}
.tpl-grid_1-1 {
width: 100%;
display: grid;
grid-column-gap: 72px;
grid-row-gap: 36px;
grid-template-columns: 1fr 1fr;
}