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

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

Данный функционал сервиса 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 страницы магазина, куда должен вернуться покупатель при добровольном отказе от оплаты. Отчет об оплате в этом случае магазину не отсылается.

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

Один из вариантов добавить прием оплаты на сайт WIX через PayAnyWay - установить модуль Ecwid store в WIX. В Ecwid встроен прием оплаты через PayAnyWay.

Другой вариант — использование Конструктора форм оплаты, описан далее.

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

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

  1. Выберите сайт, на который необходимо добавить форму оплаты и нажмите кнопку «Manage Site». Загрузится страница управления сайтом:

  2. На странице управления сайтом нажмите на любую из двух кнопок «Edit Site». Загрузится страница на которой можно будет редактировать содержимое страниц сайта:

  3. Если, при создании сайта, Вами был выбран способ «Wix ADI» (необходимо ответить на несколько вопросов, чтобы получить заготовку сайта), то сначала необходимо перейти в режим расширенного редактора:

  4. Для перехода в режим расширенного редактора, необходимо нажать кнопку «Use Advanced Editor»:

  5. Выберите страницу сайта, на которой Вы хотите разместить форму оплаты. В данной инструкции форма будет размещена на домашней(главной) странице сайта — «HOME».
    Справа от блока со списком страниц сайта находятся кнопки изменения содержимого выбранной страницы.
    Нажмите на кнопку «Add»(на кнопке изображен знак плюс):

  6. В открывшемся модальном окне наведите курсор мыши на ссылку «More». Ссылка находится внизу, в списке ссылок.
    Справа от ссылки отобразится блок с элементами, которые можно добавить на страницу.
    Левой кнопкой мыши кликните на иконку с подписью «HTML Code»:

  7. На страницу будет добавлен блок серого цвета. В этом блоке и будет размещена форма оплаты.
    Щелкните по серому блоку левой кнопкой мыши, а затем кликните по появившейся кнопке «Enter Code». Откроется блок настроек «HTML Settings».
    В блоке настроек выберите пункт «Code». Ниже появится текстовая область. В данную текстовую область вставьте код формы оплаты и нажмите кнопку «Update».
    Предполагается, что форма оплаты уже создана Вами в личном кабинете на сайте сервиса PayAnyWay Касса.

    Потянув за углы серого блока, Вы можете изменить размер формы оплаты до нужных размеров.
    Рекомендуется оставлять больше свободного пространства внизу формы оплаты, чтобы не появлялась полоса прокрутки.
    При необходимости, переместите форму оплату в нужное место на странице.
  8. В правом верхнем углу окна монитора, нажмите кнопку «Save», чтобы сохранить все сделанные изменения.
    Форма оплаты успешно добавлена и отобразится внутри серого блока. Обновите страницу, если форма оплаты не отобразилась сразу.
    Чтобы посмотреть, как форма оплаты будет выглядеть на сайте, нажмите кнопку «Preview».
    Для публикации формы оплаты на сайте, нажмите кнопку «Publish»:

    Вы можете добавить форму оплаты на сайт и другими способами. В конструкторе сайтов Wix существует множество различных предустановленных блоков и страниц: формы, блоги, списки, …
    Как правило, для вставки своего кода используется кнопка(или ссылка) с подобным изображением: «</>HTML». Если в каком либо из предустановленных блоков есть подобная кнопка — это означает, что Вы можете вставить форму оплаты в данный предустановленный блок.