Экспресс-метод приема платежей

Этот раздел полезен для участников ProstoPlateg.kz. Если вы еще не с нами — имеет смысл зарегистрироваться. Понятно

Подключение шлюза ProstoPlateg.kz без программирования

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

Клиент оплачивает свой заказ, введя его номер и сумму; вы получаете оплату.

Как проходит транзакция при использовании экспресс-оплаты

  1. В своём личном кабинете вы включаете оповещение о платежах на e-mail. И указываете e-mail, да.
  2. Клиент вводит в экспресс-форму номер и сумму своего заказа в вашем магазине, оплачивает товар удобным ему способом.
  3. Наш сервер получает от платежной системы уведомление о приходе средств. Мы отправляем вам e-mail о поступлении оплаты. C квитанцией.
  4. Получив наше письмо, вы проверяете в личном кабинете, что оплату, действительно, видно, и сумма поступила правильная.
  5. Отмечаете (уже в системе магазина на своем сайте) заказ как оплаченный и отправляете его на исполнение.

Форма экспресс-оплаты

Онлайн-платежи ProstoPlateg.kz

Вот действующий пример быстрой оплаты. Как видите, это простая и лаконичная форма. Её работа основана на двух переменных — expresskey и MERCHANT_INFO.

  • MERCHANT_INFO — номер вашего магазина в системе.
    Вы получили его при регистрации.
  • expresskey — ваш уникальный код быстрой оплаты.
    Вы найдете его в своем личном кабинете, в разделе «Финансовые настройки».

HTML-код этой формы приведен ниже. Если вы владеете HTML, можете его модифицировать. Обязательными элементами являются только поля input/button и параметры name к ним: от этого зависит работа формы, их не меняйте. Не забудьте в параметры value вписать ваши значения. Все остальное настраивайте по своему вкусу.

HTML-код формы экспресс-оплаты

<form method='POST' action='https://prostoplateg.kz/salekz.php' id='ProstoPlategExpress'>
	<a href='https://prostoplateg.kz/' title='Экспреcc-оплата онлайн' id='ProstoPlateg' target='_blank'>Онлайн-платежи ProstoPlateg.kz</a>
	<input type='hidden' name='expresskey' value='b08c164ed2b2d47f67f5361127ae64dd'>
	<input type='hidden' name='MERCHANT_INFO' value='306'>
	<label>
		№ заказа
		<input type='text' name='order' required>
	</label>
	<label>
		Сумма, ₸
		<input type='text' name='summa' required>
	</label>
	<button type='submit' name='payz'>Оплатить</button>
</form>

Стилизация формы экспресс-оплаты

Вы можете использовать готовое оформление (приведено ниже), а можете задать форме внешний вид полностью в стиле своего сайта (требуется знание CSS). Цвета, шрифты, размеры, фоновые изображения — всё на ваше усмотрение. Ссылка с логотипом ProstoPlateg не является обязательной, её можно удалить (мы поставили её в качестве примера оформления).

form#ProstoPlategExpress, form#ProstoPlategExpress *
	{ display: block; margin: 0; padding: 0; border: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.25; color: #d5ded3; outline: none; }
form#ProstoPlategExpress
	{ width: 122px; padding: 2em; border-radius: 1em; text-align: center; display: inline-block; background: #2f3a44 url(//prostoplateg.kz/i/bg.png); }
form#ProstoPlategExpress label, form#ProstoPlategExpress input
	{ display: block; }
form#ProstoPlategExpress label
	{ text-align: left; margin-top: 1.25em; }
form#ProstoPlategExpress input
	{ width: 100%; border-radius: .2em; padding: 7px 1em; margin: .25em 0 1em; color: #1b2630; background: #d5ded3; }
form#ProstoPlategExpress input:focus
	{ background: #e7f1e3; }
form#ProstoPlategExpress button
	{ margin-top: 1.5em; background: #f60; color: #fff; padding: 7px 1em; border-radius: 1em; width: 100%; }
form#ProstoPlategExpress button:hover, form#ProstoPlategExpress button:focus, form#ProstoPlategExpress button:active
	{ background: #f90; }
form#ProstoPlategExpress button:active
	{ padding: 8px 1em 6px; }
a#ProstoPlateg
	{ width: 122px; height: 20px; text-indent: -9999px; background: url(//prostoplateg.kz/i/prostoplateg.png) no-repeat; background-size: cover; }
a#ProstoPlateg:hover, a#ProstoPlateg:focus, a#ProstoPlateg:active
	{ background-position: -122px 0; }
a#ProstoPlateg:active
	{ margin: 1px 0 -1px; }