Налаштування та продаж товарів і послуг онлайн

Створено: 09.04.2025
Остання актуалізація: 24.04.2025
Кількість відвідувань статті: 59

BitFaktura дозволяє налаштувати онлайн-продаж товарів і послуг, створених у бази продуктів вашого акаунта. Опція Онлайн продаж доступна, починаючи з тарифного плану Standard. У статті нижче ви знайдете покрокову інструкцію, як активувати та налаштувати онлайн-продаж для ваших товарів.


Активація онлайн продажу для конкретного товару


Щоб розпочати онлайн-продаж, спочатку потрібно активувати функцію Автоматичні платежі і налаштувати щонайменше один спосіб оплати, наприклад, традиційний банківський переказ.
  1. Активація автоплатежів: Перейдіть до закладки Налаштування > Налаштування акаунта > Ваш акаунт, знайдіть розділ Онлайн платежі та встановіть прапорець біля опції Автоматичні платежі. Збережіть зміни, щоб вкладка Онлайн продаж з’явилася на картці товару..
  2. Додавання товару до бази: Якщо ви хочете створити товар у системі для онлайн-продажу, перейдіть до розділу Продукти або Склад > Продукти > Новий продукт. Якщо продукт уже існує, відкрийте його перегляд і натисніть кнопку Редагувати. У картці редагування ви знайдете вкладку Онлайн продаж, яка доступна після активації функції Автоматичних платежів

  3. Активація онлайн продажу: Перейдіть до вкладки Онлайн продаж у картці товару та встановіть прапорець Продаж онлайн. Якщо з’явиться повідомлення Потрібно визначити принаймні один спосіб оплати, наведіть курсор на це повідомлення та натисніть на активне посилання під ним, а потім налаштуйте постачальника платежів. 



Якщо постачальник платежів уже визначений, з’явиться екран налаштування товару.
 

Продаж онлайн - налаштування


Після налаштування Автоплатежів, вибору постачальника платежів та активації опції Онлайн продаж, ви побачите екран налаштування товару. Перед публікацією продажу всі обов’язкові поля мають бути правильно заповнені та збережені.
 
УВАГА! Натискання кнопки Сторінка оплати до завершення налаштування може призвести до помилки WRONG PRODUCT TOKEN!!! Лише після збереження всіх налаштувань товару та повторного натискання кнопки Сторінка оплати ви побачите вигляд платіжної форми, яку можна вбудувати на свій вебсайт.

 

  1. Код для вставлення на вашу сторінку (сайт) – це код віджета, який необхідно вбудувати на вебсайт для продажу товару онлайн. Ви можете вільно змінювати вигляд форми за допомогою CSS-стилів, розміщених на вашому сайті;
  2. Назва платежу – тут ви вказуєте назву товару, який продається на сторінці, наприклад: Очний курс – Поведінковий спеціаліст для собак або Фен для волосся;
  3. Опис платежу – під назвою товару можна додати його детальний опис, наприклад: Під час навчання розглядаються теми роботи з собаками, які мають такі проблеми, як агресивна поведінка, тривожність, проблеми з розлукою, гіперактивність або реактивність або Фен з двигуном потужністю 2400 Вт, на 90% більше іонів для запобігання електризації волосся, 2 рівні швидкості, 3 температурні режими, холодний обдув; 

  4. Форма оплати – виберіть одну з доступних форм, створіть власну або налаштуйте вручну, обравши поля, які мають у ній відображатися. 

    Стандартна - Ім'я, Прізвище, Адреса електронної пошти, чекбокс Хочу отримати рахунок-фактуру, 

    Інтернет-магазин та Вибрані поля – можна вручну вибрати або зняти вибір з певних полів, 

    Розширена – за допомогою мови HTML та доступних полів можна створити власний віджет для оплати. Ця опція детально описана в останньому розділі цієї статті – Розширена форма оплати

  5. Показувати ціну нетто (без ПДВ) на платежі – ця опція доступна лише у формі інтернет-магазину;
  6. Опис полів зліва – якщо позначити цю опцію, назви полів (наприклад, ім’я) будуть відображатися ліворуч у тій самій лінії, що й поле для введення. Якщо опція вимкнена – описи полів розміщуватимуться над полями;
  7. URL після успішної/помилкової оплати – тут потрібно ввести URL-адресу сторінки, яка відображатиметься покупцеві після успішного або невдалого платежу; 

  8. API, яке викликається після здійснення платежу - це важливе поле, необхідне для зв’язку із зовнішньою системою, інтегрованою з сервісом продажу. За допомогою API можна, наприклад, передати повідомлення про дані транзакції та підтвердження успішного здійснення оплати. Змінні, які можна використовувати, розміщені під цим полем. Також є можливість протестувати симульований платіж.

    API може також використовуватися для внутрішньої комунікації системи. У BitFaktura API викликається всередині системи для перевірки платежу клієнта та автоматичного оновлення акаунта;

  9. Код продукту (Токен) – унікальний рядок символів, який використовується для ідентифікації товару. У це поле система автоматично підставляє відповідний номер API — не слід вносити до нього жодних змін

  10. Ціна може бути змінена платником (наприклад, пожертвування тощо) або може бути встановлена ​​під час виклику віджета - ця опція недоступна у форматі інтернет-магазину, але часто використовується під час створення розширеного формату оплати за допомогою HTML. У коді є параметр ?price=50.00 або ?price_net=100&price_gross=123, який користувач може змінити, щоб також динамічно змінювати вартість платежу;
  11. Гнучка ціна - ця функція дозволяє запланувати різні ціни на конкретні дати, які автоматично відображатимуться у платіжному віджеті. Ця функція часто використовується під час передпродажу або під час поточних акцій; 
  12. Продається до - термін дії товару, що продається, після вказаної дати на сайті з’являється повідомлення Товар неактивний...; 

  13. Доступна кількість (і можлива знижка) - ця опція доступна тільки у форматі інтернет-магазину, з її допомогою ми можемо створювати різні варіанти продажу товару з автоматичним застосуванням знижки. Ця функція дуже добре працює під час продажу за підпискою;

  14. Відділ, що виставляє рахунок-фактуру - у цьому полі ви можете вказати відділ продажу, з якого буде створено документ продажу та надіслано клієнту. Відділи знаходяться в Налаштування > Дані фірми;

 

Форма оплати розширена


У системі також можна скористатися опцією Форма оплати розширена. Використовуючи HTML і поля, які можна використовувати в цій формі, ви можете створити власний платіжний віджет. Список доступних полів знаходиться відразу під вікном редагування форми.



Створюючи розширену форму автоплатежів за продукт, ви можете використовувати поля "field" напр. ось так:

<div>
   <label> FIELD ВІДОБРАЖЕНА НАЗВА </label>
   {{field1}} → значення з форми буде збережено в цьому полі
</div>


Якщо у форму додано поля, ви також зможете редагувати їх у вікні оплати.

Поля: field1, field2, field3, field4 i field5 можуть зберігати 255 знаків.

Спосіб відображення полів у формі відповідає нумерації полів, вони відображатимуться наступним чином: "payment_field1", "payment_field2" і т.д..

УВАГА! Ви не можете додати ці поля вручну.


Якщо ви хочете, щоб на формі оплати були приховані поля з даними, необхідними для виставлення рахунку на компанію, і щоб ці поля з’являлися лише після встановлення додаткового чекбокса „Хочу отримати рахунок-фактуру”, тоді у полі Шаблон форми введіть наступний код для отримання чекбокса „Хочу отримати рахунок-фактуру
<div>
   <label>Промокод</label>
   {{promocode}}
</div>

<div>
   <label>Ім'я</label>
   {{first_name}}
</div>

<div>
   <label>Прізвище</label>
   {{last_name}}
</div>

<div>
   <label>Email</label>
   {{email}}
</div>

<div>
   <label>Номер телефону</label>
   {{phone}}
</div>

<div>
   <label>Поштовий індекс</label>
   {{post_code}}
</div>

<div>
   <label>Місцевість</label>
   {{city}}
</div>

<div>
   <label>Вулиця</label>
   {{street}}
</div>

<div>
   <label>Країна</label>
   {{country}}
</div>

<div>
   <label>Коментарі</label>
   {{comment}}
</div>

<div>
   <label>Кількість</label>
   {{quantity}}
</div>

<div class="label_inline">
   <label for="payment_generate_invoice">Хочу отримати рахунок-фактуру</label>
   <input type="checkbox" value="1" name="payment[generate_invoice]" id="payment_generate_invoice">
</div>

<div id="invoice_fields" style="display: none;">
   <div>
      <label>Назва фірми</label>
      {{invoice_name}}
   </div>

   <div>
      <label>ІПН/ЄДРПОУ</label>
      {{invoice_tax_no}}
   </div>

   <div>
      <label>Поштовий індекс</label>
      {{invoice_post_code}}
   </div>

   <div>
      <label>Місцевість</label>
      {{invoice_city}}
   </div>

   <div>
      <label>Вулиця</label>
      {{invoice_street}}
   </div>

   <div>
      <label>Країна</label>
      {{invoice_country}}
   </div>

   <div>
      <label>Коментарі</label>
      {{invoice_comment}}
   </div>

</div>

<div>
  <input type="submit" value="Сплатити">
</div>

 


Ми заблокували можливість зберігати код JavaScript у розширеній формі через потенційні загрози, такі як:
  • атаки XSS і CSRF,
  • зловмисне програмне забезпечення/скрипти,
  • вторгнення в приватне життя,
  • проблеми з продуктивністю,
  • приховані бекдори,
  • атаки на інших користувачів.

Ознайомтеся також: 
Фільтрування продуктів, що продаються онлайн
Оплата в BitFaktura
Кнопка "Натиснути і оплатити онлайн" на рахунку-фактурі
Активування функції складу та управління складом
Набір продуктів


Назад


Додати коментар




Наша служба підтримки