Налаштувавши ціни на курси та оплату на міні-лендингу на базі MaviBot, ви можете значно спростити процес покупки для своїх клієнтів і оптимізувати управління фінансовими транзакціями.

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

У цій статті ви дізнаєтеся, як швидко та легко налаштувати ціни на курси та оплату на вашому вебсайті без зайвих ускладнень.

Зверніть увагу!

Перш ніж додавати форму запису на курс на вашу сторінку, обов'язково спочатку налаштуйте ваш тарифний план.

Ми розповіли, як налаштовувати тарифні плани для онлайн-курсів, в окремій статті. посилання

Як створити вебсайт для курсу

Перш ніж почати, підготуйте ваш вебсайт, перейшовши до відповідного розділу:

Потім натисніть "+Створити":

Виберіть тип вашого вебсайту: "Багатосторінковий сайт", "Лендинг" або "Форма":

Детальні інструкції про те, як створити вебсайт із секцій за допомогою конструктора, можна знайти в розділі "Бізнес-сайти". посилання

Якщо у вас уже є вебсайт, створений на платформі MaviBot, перейдіть до редагування секцій сайту, натиснувши на картку вебсайту:

Багатосторінковий вебсайт

Під час створення багатосторінкового сайту автоматично створюються кілька сторінок такого типу:

  1. Головна сторінка;
  2. Наша команда;
  3. Про нас.

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

Щоб увійти в режим редагування будь-якої сторінки сайту, натисніть на рядок потрібної сторінки.

Ви також можете створити додаткові сторінки для вебсайту. Для цього натисніть кнопку з такою ж назвою, потім виберіть шаблон сторінки, форму або завантажте сторінку з файлу:

Завантаження сторінки з файлу дозволяє переносити сторінки вебсайту з іншого проекту.

Детальніше про те, як експортувати та імпортувати сторінки вебсайту, дивіться в розділі нижче "Експорт / Імпорт сторінок вебсайту". посилання

Натискання на "Створити шаблон" відкриє вікно, де ви зможете вибрати будь-який шаблон сторінки, включаючи порожній:

Лендинг (форми, опитування та вікторини)

Натискання на "Створити лендинг" відкриє форму, де ви зможете вибрати різні шаблони сайтів:

Ви можете вибрати будь-який шаблон вебсайту, який вам подобається, та налаштувати різні параметри, такі як шрифти, фон та зображення. Ви також можете додати будь-які додаткові блоки (секції) вебсайту, які вам потрібні.

На відміну від багатосторінкового вебсайту, створення лендингу одразу переносить вас до редактора сторінки.

Пізніше, коли ви натиснете на вкладку лендингу,

ви потрапите до розділу з відповідями, основною інформацією та налаштуваннями лендингу. На відміну від багатосторінкового вебсайту, ви не побачите кілька сторінок, оскільки лендинг складається лише з однієї сторінки.

Якщо вам коли-небудь знадобиться додати більше сторінок до вашого лендингу, перетворивши його на багатосторінковий вебсайт, перейдіть до налаштувань сайту, змініть тип сайту на "Багатосторінковий вебсайт" та збережіть зміни:

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

Як показано в прикладі, щоб отримати доступ до налаштувань сайту типу "Форма", потрібно натиснути кнопку "Редагувати".

Це перенесе вас у режим редагування сторінки, де створено одну секцію "Форма" (або вікторини та багатосторінкові опитування, залежно від вибраного типу сайту).

Ви можете додавати секції "Форма", "Вікторина" та "Опитування" на ваш вебсайт (як багатосторінковий, так і лендинг) у будь-який час.

Для подальшого налаштування перейдіть у режим редагування сайту.

Секція "Форма" для запису на курс

Незалежно від того, який тип сайту ви виберете — "Багатосторінковий вебсайт", "Лендинг" або "Форма" — режим редагування сторінки залишається однаковим.

Щоб створити секцію "Форма" для запису на курс (або будь-яку іншу секцію в конструкторі сайтів), наведіть курсор на секцію, після якої ви хочете додати платіжну форму. Потім натисніть кнопку "+", що з'явиться, щоб відкрити меню секцій:

Далі знайдіть секцію "Форма" в меню, що відкриється:

Потім натисніть на "Форма", щоб додати секцію на ваш сайт:

Тепер налаштуємо форму:

Тут потрібно активувати прапорець "Форма для запису студента на курс":

Цей прапорець відкриває подальші налаштування оплати за курс:

  1. Виберіть курс, для якого ви хочете створити форму на вебсайті:

  1. Виберіть план:

Це поле є одним із ключових налаштувань для оплати плану курсу, оскільки дозволяє вибрати, який план (або всі плани) буде застосовуватися до форми на вебсайті.

  1. Підказка форми:

Ви можете залишити текст підказки за замовчуванням або написати свій власний:

Якщо ви не хочете, щоб підказка відображалася у формі запису/оплати курсу, скористайтеся прапорцем "Приховати підказку":

Питання форми

Під час створення форми обов'язково додати поля для електронної пошти, номера телефону та імені користувача.

Щоб додати поле для введення даних для ваших користувачів, натисніть кнопку "Створити питання":

Потім з'явиться форма налаштування питання:

Вам потрібно вибрати тип поля "Ім'я" зі списку, що випадає:

І активувати прапорець "Обов'язкове питання":

Далі створіть друге питання:

Для другого питання виберіть тип поля "Електронна пошта":

Це питання також має бути обов'язковим; інакше студент не зможе отримати доступ до вашого курсу або завершити автоматичний запис.

Аналогічно додайте наступне питання з типом поля "Номер телефону":

Ваше основне налаштування форми запису на курс та оплати завершено.

Далі ви можете налаштувати секцію на свій смак: змінити колір фону та кнопок, додати інші поля питань.

Докладніше про налаштування та всі функції секції "Форма" дивіться в розділі "Відповіді форми". посилання

Тестування

Обов'язково збережіть налаштування вашого сайту після налаштування форми оплати та запису.

Потім перейдіть до попереднього перегляду вебсайту:

Ви побачите форму запису/оплати курсу на вебсайті.

Давайте протестуємо форму, заповнивши ваші дані в порожніх полях:

Тепер надішліть дані в систему та перейдіть до форми заявки та оплати.

Форма спрацювала правильно: вона перенаправила клієнта на сторінку обробки замовлення, за якою слідувало вікно оплати через вибраний платіжний сервіс.

Секція "Картки курсів"

Ви можете відображати інформацію про курси, доступні у вашій школі, на вебсайті за допомогою секції "Картки курсів":

Щоб додати секцію "Картки курсів", натисніть кнопку "+" у режимі редагування вашого вебсайту:

Далі знайдіть секцію "Картки курсів" у меню, що з'явиться, і натисніть на неї, щоб додати секцію на ваш вебсайт:

Секція буде додана на ваш сайт, і для вас відкриється меню налаштувань вмісту:

Вміст блоку

Налаштування блоку "Картки курсів" передбачає вибір одного або кількох курсів, уже створених у проекті, для відображення на вебсайті, а також налаштування елементів картки.

Як створювати курси на платформі MaviBot, пояснюється в розділі "Онлайн-курси". посилання

Вибір курсу

Виберіть курси, які ви хотіли б показати на вашому вебсайті:

Для цього поставте прапорець біля назви кожного курсу, який ви хочете включити:

Вибрані курси одразу з'являться на сторінці вашого вебсайту із зображенням обкладинки, яке ви встановили в налаштуваннях курсу.

Налаштування

Тепер налаштуємо елементи картки після вибору потрібних курсів:

  1. Тінь

Ви можете регулювати інтенсивність тіні для карток курсів у секції:

а) без тіні:

b) легка тінь:

c) сильна тінь:

  1. Колірна палітра для елементів картки

Ви можете змінювати кольори на картці для фону, тексту (як на самій картці, так і на кнопках) та додавати інтерактивність, змінюючи кольори елементів при наведенні курсора:

a) Колір шрифту: допомагає змінити основний колір тексту на картці (за винятком її кнопки):

b) Фон картки: для зміни кольору фону картки.

c) Колір рамки: для зміни колірної схеми рамок картки.

d) Текст кнопки: для зміни кольору тексту кнопки в її звичайному (статичному) стані.

e) Фон кнопки: дозволяє змінити колір фону кнопки картки курсу.

Щоб додати інтерактивності вашому сайту, ви також можете змінювати кольори кнопок при наведенні. Використовуйте для цього налаштування кольорів при наведенні.

Тепер ви знаєте, як відображати ваші існуючі курси MaviBot на вашому вебсайті за допомогою секції "Картки курсів".

Дізнайтеся про налаштування фону та параметри відображення в статті "Універсальні налаштування секцій". посилання

Секція "Списки уроків"

Разом із картками онлайн-курсів ви можете додати списки уроків на сторінку вашого вебсайту. Просто виберіть потрібний курс у секції, і всі уроки будуть відображені:

Щоб додати блок для відображення списку уроків курсу, увійдіть у режим редагування сайту, наведіть курсор на робочу область, а потім натисніть кнопку "+":

Праворуч відкриється меню з доступними секціями сайту. Вам потрібно знайти там блок "Списки уроків":

Натисніть на "Картки курсів", щоб відкрити меню налаштувань вмісту блоку:

Просто виберіть потрібний курс (уже створений у MaviBot) зі списку, що випадає, і натисніть "Зберегти".

Потім перейдіть до налаштувань, щоб налаштувати вміст блоку.

Налаштування

Наведіть курсор на секцію та натисніть "Налаштування", щоб відкрити панель налаштувань як вмісту, так і зовнішнього вигляду блоку.

Ви можете налаштувати такі параметри:

  1. Стиль списку уроків

За замовчуванням список уроків відображається в новому форматі. Якщо бажаєте, ви можете переключитися на більш лаконічний, класичний стиль відображення.

  1. Стиль нумерації

Це налаштування доступне лише для нового макета списку уроків. Вибраний тип нумерації застосовується всередині кожної картки уроку.

  1. Іконки уроків

Відображаються, лише якщо в налаштуваннях уроку курсу завантажено попередній перегляд.

Як додати іконки

Крок 1. Перейдіть до налаштувань уроку:

Для цього увійдіть у режим налаштувань курсу та знайдіть вкладку "Уроки":

Далі натисніть "Редагувати", щоб відкрити сторінку редагування уроку.

Крок 2. Відкрийте налаштування сторінки уроку.

У налаштуваннях сторінки уроку перейдіть до розділу "Основна інформація":

Крок 3. Завантаження попереднього перегляду уроку

У налаштуваннях "Основної інформації" розгорніть список налаштувань зображення:

Завантажте зображення для попереднього перегляду уроку:

Збережіть ваші налаштування:

Готово! Тепер попередні перегляди уроків відображатимуться як іконки в секції "Списки уроків" на вашому вебсайті.

  1. Фоновий візерунок

Додає глибини та унікальності вашим карткам уроків:

  1. Округлення елементів

Значення встановлюється в пікселях і округлює кути карток уроків:

  1. Стиль картки уроку

Допомагає розташувати картки уроків в один рядок або в кілька рядків, з перенесенням або без нього.

  1. Колір фону та тексту

У вас є доступ до широкої колірної палітри, щоб встановити колір фону та колір шрифту на картці уроку:

Тепер ви знаєте, як додавати списки уроків на ваш вебсайт та налаштовувати вміст секції.

Прочитайте статтю "Універсальні налаштування секцій", щоб дізнатися про налаштування фону та відображення. посилання