shopID

Конструктор платежной формы

Создайте форму и добавьте на свой сайт, чтобы принимать платежи через ЮKassa.

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

  1. Зарегистрируйтесь в ЮKassa и заключите договор в личном кабинете — это нужно, чтобы принимать платежи.
  2. Настройте форму как вам надо: напишите свой текст на кнопке, включите нужные поля, добавьте товары.
  3. Справа на странице — предварительный просмотр вашей формы. Так она будет выглядеть у вас на сайте.
  4. Когда закончите, скопируйте код формы — справа, во вкладке «Посмотреть код».
  5. Вставьте код формы на нужную страницу вашего сайта — в то место на странице, где должна быть форма.

Добавьте товары — они отобразятся в чеке. Можно показать их в форме и позволить клиенту менять количество.

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

Включите эту опцию, если Ваш сайт на WIX

процесс оплаты

На какую страницу отправлять клиента после платежа и какие способы оплаты ему показывать.

Если не указана, перенаправим клиента на страницу на сайте ЮKassa
Если не указана, перенаправим клиента на страницу на сайте ЮKassa
Установите предпочтительный способ оплаты

расширенная форма

Какую информацию запрашивать у клиента через форму. После оплаты она придёт вам на почту с уведомлением о платеже.

Может понадобиться для отправки чека
Может понадобиться для отправки чека
Может понадобиться для доставки
Если у вас есть доставка
Чтобы узнать какую-то дополнительную информацию

Войдите в Кассу, чтобы посмотреть и скопировать код

Нажимая кнопку, вы принимаете условия соглашения

Поменять магазин
Код формы скопирован. Теперь вставьте его на ваш сайт
Как использовать код
  1. Скопируйте код формы.
  2. Перейдите в административную панель вашего сайта.
  3. Найдите там страницу, на которую нужно вставить форму, и откройте редактирование страницы.
  4. Вставьте код формы в нужное место на странице — либо через кнопку вставки кода в визуальном редакторе, либо напрямую в html-код страницы. Сохраните изменения.
  5. Перейдите на эту страницу сайта как посетитель и проверьте, что форма отображается правильно.
  6. Нажмите на кнопку оплаты. Если вас перенаправит на сайт ЮKassa для ввода платёжных данных — всё готово.