Конструктор форм. Інструкція по додаванню форми оплати на сайт на платформі WIX.
- конструктор форм Даний функціонал сервісу https://kassa.payanyway.ru/ призначений для створення...
- Отримання HTML коду форми оплати
- Інструкція по налаштуванню рахунки
- Налаштування оплати на сайті
конструктор форм
Даний функціонал сервісу https://kassa.payanyway.ru/ призначений для створення форми оплати з заданими властивостями. Отриману форму оплати можна надалі вставити на будь-який сайт, у якого є редактор HTML сторінок, тобто практично в будь-яку CMS.
Для початку роботи з конструктором перейдіть до відповідного пункту меню сервісу: https://kassa.payanyway.ru/formpaylist :
Щоб використовувати Конструктор форм не обов'язково мати касу, вона може бути не підключена в налаштуваннях сервісу.
Далі натисніть кнопку "Конструктор форми оплати" для переходу до редактора.
Редактор має наступний вигляд:
Опції конструктора
- Запитувати у покупця (E-Mail, номер телефону). Ви можете вибрати що буде запитувати у покупця форма оплати. Якщо ваш обліковий запис на сервісі https://kassa.payanyway.ru/ включена каса, то заповнений контакт покупця буде використовуватися для відправки йому чека (через ОФД). При виборі одночасно і E-Mail і номер телефону конструктор запросить вибрати куди саме буде відправлений чек.
- Опис платежу. Введіть текст, який відображає за що в цілому буде проводитися оплата покупцем. Ви можете дозволити покупцеві самостійно змінювати опис платежу, якщо бажаєте отримати від нього індивідуальні подробиці по оплаті.
- Текст на кнопці. Замість стандартного "Оплатити" можна задати "Купити" або "Замовити".
- Опція "Після успішної оплати направити користувача по посиланню" призначена для того щоб задати перенаправлення після успішної оплати. Ви можете створити у вашій CMS спеціальну сторінку з вдячністю про оплату і перенаправляти на неї користувача.
- Призначити ідентифікатор замовлення. Може знадобитися тим, у кого є будь-яка облікова програма, наприклад "1С: Підприємство", куди раніше був заведений замовлення покупця підлягає оплаті. Ідентифікатор надалі дозволить ідентифікувати успішний платіж в системі Монета щоб рознести оплату в обліковій програмі.
- Сума до оплати - загальна сума замовлення.
- Покупець може змінювати суму. Включення цієї опції дозволить покупцеві самостійно встановити суму, що підлягає оплаті.
- Опція "Деталізувати список товарів / послуг" дозволить додати в форму оплати список товарів (або послуг) з додатковою можливістю вибрати кількість кожного товару, що входить до складу даної форми оплати. При виборі покупцем кількості буде змінюватися і загальна сума замовлення у відповідності з вибором. Кожному товару може бути додана фотографія, обрана ставка ПДВ для подальшого друку чека після оплати.
Після введення або вибору опцій рекомендується зберігати форму оплати до повного її формування.
Отримання 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, досить виконати наступні дії:
- Виберіть сайт, на який необхідно додати форму оплати і натисніть кнопку «Manage Site». Завантажиться сторінка управління сайтом:
- На сторінці управління сайтом натисніть на будь-яку з двох кнопок «Edit Site». Завантажиться сторінка на якій можна буде редагувати вміст сторінок сайту:
- Якщо, при створенні сайту, Вами був обраний спосіб «Wix ADI» (необхідно відповісти на кілька запитань, щоб отримати заготовку сайту), то спочатку необхідно перейти в режим розширеного редактора:
- Для переходу в режим розширеного редактора, необхідно натиснути кнопку «Use Advanced Editor»:
- Виберіть сторінку сайту, на якій Ви хочете розмістити форму оплати. У даній інструкції форма буде розміщена на домашній (головної) сторінці сайту - «HOME».
Праворуч від блоку зі списком сторінок сайту знаходяться кнопки зміни вмісту вибраної сторінки.
Натисніть на кнопку «Add» (на кнопці зображений знак плюс):
- У відкритому модальному вікні наведіть курсор миші на посилання «More». Посилання знаходиться внизу, в списку посилань.
Праворуч від посилання відобразиться блок з елементами, які можна додати на сторінку.
Лівою кнопкою миші клікніть на іконку з підписом «HTML Code»:
- На сторінку буде додано блок сірого кольору. У цьому блоці і буде розміщена форма оплати.
Клацніть по сірому блоку лівою кнопкою миші, а потім клацніть по з'явилася кнопці «Enter Code». Відкриється блок налаштувань «HTML Settings».
У блоці налаштувань виберіть пункт «Code». Нижче з'явиться текстова область. До цієї текстову область вставте код форми оплати і натисніть кнопку «Update».
Передбачається, що форма оплати вже створена Вами в особистому кабінеті на сайті сервісу PayAnyWay Каса .
Потягнувши за кути сірого блоку, Ви можете змінити розмір форми оплати до потрібних розмірів.
Рекомендується залишати більше вільного простору внизу форми оплати, щоб не з'являлася смуга прокрутки.
При необхідності, перемістіть форму оплату в потрібне місце на сторінці. - У правому верхньому куті вікна монітора, натисніть кнопку «Save», щоб зберегти всі зроблені зміни.
Форма оплати успішно додана і відобразиться всередині сірого блоку. Оновлення сторінку, якщо форма плати не відобразилася відразу.
Щоб подивитися, як форма оплати буде виглядати на сайті, натисніть кнопку «Preview».
Для публікації форми оплати на сайті, натисніть кнопку «Publish»:
Ви можете додати форму оплати на сайт і іншими способами. У конструкторі сайтів Wix існує безліч різних встановлених блоків і сторінок: форми, блоги, списки, ...
Як правило, для вставки свого коду використовується кнопка (або посилання) з подібним зображенням: «</> HTML». Якщо в будь-якому з встановлених блоків є подібна кнопка - це означає, що Ви можете вставити форму оплати в даний встановлений блок.