Продаж курсів через сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Потім натисніть на "Форма", щоб додати розділ на ваш сайт:

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

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

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

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

Оберіть план:

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

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

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

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

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

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

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

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

У випадаючому списку потрібно вибрати тип поля "Ім’я":

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

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

Для другого запитання оберіть тип поля "Email":

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

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

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

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

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

Тестування

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

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

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

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

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

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

Розділ "Картки курсів"

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

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

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

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

Вміст блоку

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

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

Вибір курсу

Оберіть курси, які ви хочете показати на своєму сайті:

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

Обрані курси одразу з’являться на сторінці вашого сайту з обкладинкою, яку ви встановили в налаштуваннях курсу.

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

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

Тінь

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

а) без тіні:

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

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

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

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

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

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

в) Колір рамки: для зміни кольору рамок картки.

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

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

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

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

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

Розділ "Списки уроків"

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

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