Конструктор форм. Инструкция по добавлению формы оплаты на сайт на платформе Tilda.

Конструктор форм

Данный функционал сервиса https://kassa.payanyway.ru/ предназначен для создание формы оплаты с заданными свойствами. Полученную форму оплаты можно в дальнейшем вставить на любой сайт, у которого имеется редактор HTML страниц, т.е. практически в любую CMS.

Для начала работы с конструктором перейдите в соответствующий пункт меню сервиса: https://kassa.payanyway.ru/formpaylist:

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

Далее нажмите кнопку “Конструктор формы оплаты” для перехода к редактору.

Редактор имеет следующий вид:

Опции конструктора

  1. Запрашивать у покупателя (E-Mail, номер телефона). Вы можете выбрать что будет запрашивать у покупателя форма оплаты. Если в вашем аккаунте на сервисе https://kassa.payanyway.ru/ включена касса, то заполненный контакт покупателя будет использоваться для отправки ему чека (через ОФД). При выборе одновременно и E-Mail и номер телефона конструктор запросит выбрать куда именно будет отправлен чек.
  2. Описание платежа. Введите текст, который отражает за что в целом будет производиться оплата покупателем. Вы можете позволить покупателю самостоятельно менять описание платежа, если желаете получить от него индивидуальные подробности по оплате.
  3. Текст на кнопке. Вместо стандартного “Оплатить” можно задать “Купить” или “Заказать”.
  4. Опция "После успешной оплаты направить пользователя по ссылке" предназначена для того чтобы задать перенаправление после успешной оплаты. Вы можете создать в вашей CMS специальную страницу с благодарностью об оплате и перенаправлять на неё пользователя.
  5. Назначить идентификатор заказа. Может понадобиться тем, у кого имеется какая-либо учетная программа, например “1С: Предприятие”, куда ранее был заведен заказ покупателя подлежащий оплате. Идентификатор в дальнейшем позволит идентифицировать успешный платеж в системе Монета чтобы разнести оплату в учетной программе.
  6. Сумма к оплате - общая сумма заказа.
  7. Покупатель может менять сумму. Включение данной опции позволит покупателю самостоятельно установить сумму, подлежащую оплате.
  8. Опция "Детализировать список товаров/услуг" позволит добавить в форму оплаты список товаров (или услуг) с дополнительной возможностью выбрать количество каждого товара, входящего в состав данной формы оплаты. При выборе покупателем количества будет меняться и общая сумма заказа в соответствии с выбором. Каждому товару может быть добавлена фотография, выбрана ставка НДС для последующей печати чека после оплаты.

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

Получение HTML кода формы оплаты

После сохранения новая форма появляется в списке созданных вами форм оплаты:

При нажатии "Получить код для вставки на сайт" вы увидите страницу с HTML кодом формы оплаты и ссылкой на форму оплаты:

Полученный код позже будет использован, его следует сохранить (например, скопировав в буфер обмена).

Инструкция по настройке счета

1. Зарегистрируйтесь в платёжной системе PayAnyWay и заполните все необходимые данные. Дождитесь проверки аккаунта и создайте расширенный счет.

2. Заполните настройки расширенного счета (раздел «Мой счет» - «Управление счетами» - «Редактировать счет»):

  • «Тестовый режим»: Нет
  • «Check URL»: Заполнять не нужно
  • «Pay URL»: https://kassa.payanyway.ru/index.php?do=invoicepayurl
  • «HTTP метод»: POST
  • «Проверить Check/Pay URL»: Нет
  • «Можно переопределять настройки в url»: Нет
  • «Подпись формы оплаты обязательна»: Да
  • «Код проверки целостности данных»: Произвольный набор символов
  • «Success URL» и «Fail URL»: Необязательное поле
    URL страниц магазина, куда должен попасть покупатель после успешной оплаты или в случае ошибки/отказа при попытке оплаты.
  • «InProgress URL»: Необязательное поле
    URL страницы магазина, куда должен попасть покупатель после успешного запроса на авторизацию средств, до подтверждения списания и зачисления средств. Поддерживается ограниченным количеством методов оплаты.
  • «Return URL»: Необязательное поле
    URL страницы магазина, куда должен вернуться покупатель при добровольном отказе от оплаты. Отчет об оплате в этом случае магазину не отсылается.

Настройка оплаты на сайте

Конструктор сайтов tilda.cc позволяет вставлять на сайт собственный программный код. Под своим кодом, в контексте данной инструкции, понимается код формы оплаты, который Вы можете получить в личном кабинете сервиса Касса платёжного решения PayAnyWay.

Для того, чтобы вставить форму оплаты на сайт, созданный в конструкторе сайтов tilda.cc, достаточно проделать следующие действия:

  1. Выберите сайт, на который необходимо добавить форму оплаты и нажмите ссылку «РЕДАКТИРОВАТЬ САЙТ». Загрузится страница управления сайтом:

  2. На странице управления сайтом нажмите на ссылку с названием домашней страницы сайта(слева от ссылки изображена иконка в виде домика). Загрузится страница на которой можно будет редактировать содержимое страниц сайта:

  3. Выберите страницу сайта, на которой Вы хотите разместить форму оплаты. В данной инструкции форма будет размещена на домашней(главной) странице сайта. Прокрутите бегунок окна монитора вниз. В самом низу страницы находится набор кнопок для изменения содержимого выбранной страницы. Нажмите на кнопку «ВСЕ БЛОКИ»:

  4. В открывшейся панели кликните левой кнопкой мыши по ссылке “Другое”. Ссылка находится внизу панели.
    Справа от ссылки отобразится блок с элементами, которые можно добавить на страницу.
    Левой кнопкой мыши кликните на блок с подписью «<html>»:

  5. На страницу будет добавлен блок желтого цвета. В этом блоке и будет размещена форма оплаты.
    Щелкните левой кнопкой мыши по кнопке «Контент», которая расположена слева от желтого блока.

    Откроется блок для вставки кода формы оплаты.
    Вставьте код формы оплаты в текстовую область и нажмите кнопку «Сохранить и закрыть»:

    Предполагается, что форма оплаты уже создана Вами в личном кабинете на сайте сервиса PayAnyWay Касса.

    Вы можете изменить положение формы оплаты на странице.
    Щелкните левой кнопкой мыши по кнопке «Настройки», которая расположена слева от желтого блока. На странице откроется блок, в котором можно изменить отступы для формы оплаты, ширину и др. Для сохранения сделанных настроек, кликните левой кнопкой мыши по кнопке «Сохранить и закрыть»:

  6. В правом верхнем углу окна монитора, нажмите кнопку «Опубликовать», для публикации формы оплаты на сайте.

    Форма оплаты успешно добавлена.

  7. Вы можете добавить форму оплаты на сайт и другими способами. Например, можно использовать элемент «Zero Block».
    Инструкция по добавлению формы оплаты используя «Zero Block».
    Инструкция по вставке HTML кода.