# Як створити онлайн-курс

{% hint style="success" %}
Доступно лише на тарифах «Business» та «MaviBot AI»
{% endhint %}

Конструктор курсів MaviBot — це універсальна платформа, створена для розробки, керування та продажу освітніх курсів без потреби в технічних знаннях.

<figure><img src="/files/f9d7a247a20fbe9f02c7e5e7f636466f2bc7744c" alt=""><figcaption></figcaption></figure>

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

Ця стаття проведе вас через ключові налаштування конструктора курсів MaviBot.

#### Як створити курс

Щоб створити курс, перейдіть у **«Courses»** вкладку та натисніть кнопку **«Create»** Якщо у вас ще немає курсів, кнопка з’явиться в центрі робочої області.

Після натискання кнопки **«Create Course»** вас буде перенаправлено до основних налаштувань курсу.

<figure><img src="/files/c73c3f1e84ebab003a4db9fb0a816a0d24635bb2" alt=""><figcaption></figcaption></figure>

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

У основних налаштуваннях курсу ви можете налаштувати інформацію про курс і його автора, тип навчання, аналітику та посилання.

Щоб перейти до налаштувань курсу, натисніть кнопку налаштувань (іконка шестерні):

<figure><img src="/files/88e4a5206993c8223802981012840d4dfa403e8d" alt=""><figcaption></figcaption></figure>

Меню налаштувань відкриється праворуч на екрані.

<figure><img src="/files/11f9bcb00ff5de8ed9cc94642570926680e34326" alt=""><figcaption></figcaption></figure>

### Загальні

<figure><img src="/files/388effef20a18e494c3b99ff368f879a728a7937" alt=""><figcaption></figcaption></figure>

**Тип навчання** — це налаштування дозволяє вибрати один із таких форматів: курс, марафон, інтенсив або тренінг.

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

#### Унікальне посилання на курс

<figure><img src="/files/7cd2ce55f6c54630f79e4fd990d8458b31616c4d" alt=""><figcaption></figcaption></figure>

Щоб замість унікального ідентифікатора сторінки, що складається з багатьох символів, задати зрозумілу та зручну назву посилання, просто придумайте URL-ім’я з латинських символів.

<figure><img src="/files/e683866408ceb25c37b5e8f7bbb613ba53342f29" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

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

Під час зміни назви посилання зміниться лише частина, виділена червоним:

<https://skillhub.mavibot.ai/cs/YOUR\\_URL>

Промосторінка курсу й надалі залишатиметься на домені MaviBot.
{% endhint %}

#### Налаштувати власний домен

Щоб замінити домен MaviBot на свій, натисніть відповідну кнопку.

<figure><img src="/files/e9665d55cf68aee8efbc88f34fbc834668b42841" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/d76d15f291876773db257ab50887c73be5b1e1df" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Щоб дізнатися, як створити A-запис, дивіться [цю статтю](/doc/uk/websites/saiti/builder.md#domain).
{% endhint %}

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

#### Здача домашнього завдання

<figure><img src="/files/97185899d3110cd608dc9c77bd3be5d07961bf96" alt=""><figcaption></figcaption></figure>

**Здача домашнього завдання** — цей перемикач можна активувати залежно від того, як саме ви хочете отримувати домашні завдання у вашому курсі.

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

<figure><img src="/files/c3c309b81f8a1247b73565610a737922d721991e" alt=""><figcaption></figcaption></figure>

#### Надсилати callbacks

<figure><img src="/files/112f1e3065e047cea9caba48649aa41eb721e0c0" alt=""><figcaption></figcaption></figure>

**Надіслати callback** — позначивши відповідні прапорці, ви можете отримувати сповіщення про дії клієнта.

Це повідомлення (callbacks), які з’являтимуться в чаті/діалозі клієнта.

<mark style="color:green;">**Нові відправлення домашніх завдань**</mark>\
`course_homework_send_new course_id: 111, lesson_id: 222`

* 111 – ID вашого курсу
* 222 – ID уроку

<mark style="color:green;">**Повторно надіслане домашнє завдання:**</mark>\
`course_homework_send_repeated course_id: 111, lesson_id: 222`

Щоб налаштувати відповідь на ці сповіщення, вкажіть текст до першого пробілу в умові блоку або стрілки, використовуючи тип збігу «Keyword match». Приклад показано на знімку екрана нижче:

<figure><img src="/files/c20b8ae61271c573223a5383006c382115e56278" alt=""><figcaption><p>Тригер і тип збігу слід вказувати або в блоці, або на стрілці.</p></figcaption></figure>

<mark style="color:green;">**Урок відкрито:**</mark>\
`course_lesson_opened course_id: 111, lesson_id: 222`

* 111 – ID вашого курсу
* 222 – ID уроку

<mark style="color:green;">**Урок закрито:**</mark>\
`course_lesson_closed course_id: 111, lesson_id: 222`

* 111 – ID вашого курсу
* 222 – ID уроку

<mark style="color:green;">**Курс завершено:**</mark>\
`course_tariff_finish course_id: 111, tariff_id: 648`

* 111 – ID вашого курсу
* 648 – ID вашого тарифу

#### Мітки та списки

<figure><img src="/files/12cbde6c5e2fc272b76b9e71feb4b5608bbbf0c9" alt=""><figcaption></figcaption></figure>

* **Додати мітку клієнту** — виберіть тег зі спадного списку.\
  Тег буде призначено клієнту після запису на курс.
* **Додати клієнта до списку** — клієнта буде додано до вибраного списку після запису на курс.\
  Списки створюються в **"Списки"** розділ.

#### **Попередній перегляд курсу**

Ця функція відображає обкладинку курсу в особистому кабінеті студента або в каталозі курсів.

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

<figure><img src="/files/3891adbafa12fcba70b4032398ed2c922aeba1f0" alt=""><figcaption></figcaption></figure>

Попередній перегляд курсу також буде відображатися, наприклад, на сайті під час додавання секції з карткою курсу.

#### Інші налаштування

Щоб надсилати кураторам курсу сповіщення, пов’язані з курсом, електронною поштою, увімкніть прапорець у загальних налаштуваннях курсу:

<figure><img src="/files/16660c17c818411104e618811d0b89bd954281c9" alt=""><figcaption></figcaption></figure>

Після цього відповідні сповіщення курсу буде надіслано безпосередньо на електронні адреси кураторів.

<mark style="color:green;">**Щоб захистити ваш унікальний контент**</mark> від несанкціонованого копіювання, ви можете увімкнути прапорець «Disable text copying» у налаштуваннях уроку.

<figure><img src="/files/7bea328d3a1d10c9074f95fc0841deb900be301b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/835e7c7cccf721f14af26fad8cea875df388c7ca" alt=""><figcaption></figcaption></figure>

### Зовнішній вигляд

Використовуючи вкладку «Appearance» у конструкторі курсів, ви можете створити яскравий і унікальний дизайн для вашого онлайн-курсу за допомогою надійних і зручних інструментів налаштування:

<figure><img src="/files/4ab4c7d5bb8239d55b6ce9e6aaa328c549c4b17f" alt=""><figcaption></figcaption></figure>

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

Щоб налаштувати вигляд промосторінки курсу, перейдіть у вкладку «**Зовнішній вигляд**» у загальних налаштуваннях курсу.

<figure><img src="/files/b429f15dcb86bcb4e7c83a918342cc06347222df" alt=""><figcaption></figcaption></figure>

У вкладці «**Зовнішній вигляд**» ви знайдете налаштування теми, кольору головної сторінки, логотипа та фону обкладинки курсу.

#### Тема

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

<figure><img src="/files/80a48f6e4a77209fd4bdef94b4dd865a1e20bbc6" alt=""><figcaption></figcaption></figure>

Доступні як світлі, так і темні теми.

Для елементів головної сторінки (кнопок, інформаційних блоків курсу, секції автора, карток тарифів тощо) є налаштування заокруглення кутів:

<figure><img src="/files/6d25e9265632d72094e990a4b954a992b187c397" alt=""><figcaption></figcaption></figure>

За замовчуванням застосовується овальне заокруглення, але ви також можете вибрати заокруглені або квадратні кути (без заокруглення).

<figure><img src="/files/d5177b180d9dbcb2c4e847aae0f8d61453ee84bd" alt=""><figcaption></figcaption></figure>

#### Налаштувати власну тему

Якщо попередньо встановлені теми не відповідають вашому баченню дизайну, увімкніть прапорець «**Налаштувати власну тему**".

<figure><img src="/files/7c968c18e810c1e58523a1222c4a365432c3d220" alt=""><figcaption></figcaption></figure>

Розширені налаштування теми допоможуть вам налаштувати дизайн курсу відповідно до ваших уподобань.

<figure><img src="/files/f7da08eaa7d20a5d9d3b666ff52da4d1e896fcd8" alt=""><figcaption></figcaption></figure>

Ви можете застосувати різні цікаві візерунки до фону промосторінки.

#### **Горизонтальне розташування уроків/тарифів**

Щоб відображати уроки та тарифні плани на промосторінці курсу у горизонтальному або вертикальному форматі.

<figure><img src="/files/a5f5cc4d9aa0eca574d3152f57407a958811a94e" alt=""><figcaption></figcaption></figure>

### Верхня частина сторінки

За замовчуванням логотип у шапці відображається як основний логотип MaviBot.

<figure><img src="/files/d03b57f276945e592deda30d2261a94258b23635" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/1b8530fffe231cd44570849cf99682ec21126dcd" alt=""><figcaption></figcaption></figure>

Ви можете завантажити зображення, вказавши URL-адресу зображення у полі, або встановити логотип як текст.

### Обкладинка курсу

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

<figure><img src="/files/0801ca15748e709348b00c2dade0be1ebba7c049" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/41c6c45639596bc98ca19d5e799d1b8a6634d82c" alt=""><figcaption></figcaption></figure>

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

Щоб додати додаткові теги над назвою курсу, скористайтеся кнопкою «Додати тег».

<figure><img src="/files/ff9b1ee2711823ef83eddf0c4f251b00e1db3a96" alt=""><figcaption></figcaption></figure>

#### Вирівнювання обкладинки

<figure><img src="/files/e7642b49bc6fe40acd6e61aa8c935cc03c3904e3" alt=""><figcaption></figcaption></figure>

За замовчуванням вміст обкладинки вирівняно по центру.

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

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

<figure><img src="/files/32bc4798882985d1ade015805626888535eb8596" alt=""><figcaption></figcaption></figure>

Тут ви можете налаштувати розміщення медіа (зображення або відео) всередині обкладинки та вибрати його розмір.

#### Фон обкладинки

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

<figure><img src="/files/07f8221854dc7ac7b1a92bb1e6acbdd3aa6c3f2e" alt=""><figcaption></figcaption></figure>

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

**Про курс і автора**

<figure><img src="/files/2b07228d9e5a68082e90e43911735a26ead46720" alt=""><figcaption></figcaption></figure>

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

* виділити текст;
* обрати його стиль;
* задати його вирівнювання на сторінці;
* додати посилання.

{% hint style="success" %}
Вимоги до зображень для аватара автора курсу та інших фото в налаштуваннях курсу:

* Розмір аватара: квадратний формат, розмір зображення 128 × 128 px.

Розширені налаштування сторінки курсу:

* Блок обкладинки: рекомендований розмір зображення – 1920 × 1080 px.
* Блок додавання зображень: рекомендований розмір зображення – 1920 × 1080 px. Рекомендована кількість зображень – не більше 9.

Блок галереї: рекомендований розмір зображення – 1920 × 1080 px. Рекомендована кількість зображень – не більше 9.
{% endhint %}

**Опис курсу** — текстові поля, що підтримують форматування тексту, виділення та інші функції, подібно до будь-якого стандартного текстового редактора (наприклад, Word).

<figure><img src="/files/b430d77e72b57da337d0f5881603c1c18b7f582c" alt=""><figcaption></figcaption></figure>

**Ім’я автора** — текстове поле, у якому ви можете ввести ім’я автора курсу. Введена інформація буде відображатися на сторінці курсу, а також у налаштуваннях вашого проєкту на картці курсу.

**Опис автора** — це текстове поле також буде відображатися на опублікованій сторінці курсу. У прикладі вище ми вказали сферу експертності автора.

### Нижній колонтитул

<figure><img src="/files/c29ab7e89aa6df22efb0c9c5f8c415381f3de36e" alt=""><figcaption></figcaption></figure>

Налаштування посилань у футері дозволяють додати важливі та релевантні посилання до нижньої частини вашої промосторінки курсу.

Для цього натисніть «Add Link» у налаштуваннях.

<figure><img src="/files/d7fc3e5566ce267f6c3bed4d77a6c73acf956a86" alt=""><figcaption></figcaption></figure>

Далі введіть назву пункту меню — наприклад, «Public Offer» — і вкажіть URL, на який має вести посилання.

<figure><img src="/files/b8b7aa6c01fecdf143ceaaeabce9950bda2fe4da" alt=""><figcaption></figcaption></figure>

І виберіть, як відкривати посилання: у тій самій вкладці чи в новому вікні.&#x20;

Потім натисніть «Save», і пункт меню футера буде збережено в налаштуваннях футера.

**Реквізити компанії**

Також є можливість додати реквізити компанії для промосторінки, такі як інформація про організацію, ФОП тощо:

<figure><img src="/files/3e1fb6d204ba8b031b216568e79ef8c916b842e8" alt=""><figcaption></figcaption></figure>

Реквізити компанії також відображаються внизу сторінки промокурсу разом із пунктами меню футера

<figure><img src="/files/cc9663a2fcb40dbe1c6553b59f1ece3527188a1b" alt=""><figcaption></figcaption></figure>

Вам лише потрібно заповнити порожні текстові поля в розділі «Company details».

**Аналітика**

<figure><img src="/files/84df638b6fe64112292cab45fc9c9e7cc309b214" alt=""><figcaption></figcaption></figure>

Facebook Pixel — дозволяє працювати з Facebook Pixel; детальна інструкція з налаштування доступна [тут](/doc/uk/integrations/other/analytics/pixel.md).

Google Tag Manager — дозволяє додати код і налаштувати збір даних; детальна інструкція з налаштування доступна [тут](/doc/uk/integrations/other/analytics/google.md).

Збиратимуться лише події перегляду сторінки, без будь-якої інформації про натискання кнопок.

Події, що передаються:

* page\_view\_course – перегляд будь-якого курсу
* page\_view\_course\_#{ID} – перегляд конкретного курсу
* page\_view\_lesson – перегляд будь-якого уроку курсу
* page\_view\_lesson\_#{ID} – перегляд конкретного уроку курсу

Збиратимуться лише події перегляду, без будь-якої інформації про натискання кнопок.

### Партнерська програма

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

<figure><img src="/files/34018fba892ee6b41de9bf09fc6e0f44cd0da85d" alt=""><figcaption></figcaption></figure>

Для цього потрібно активувати прапорець «**Відобразити кнопку «Стати партнером»**» :

<figure><img src="/files/e89140698e96b6e5faddc96a4262e3baf473e444" alt=""><figcaption></figcaption></figure>

Тоді кнопка «**Стати партнером**» буде відображатися на промосторінці курсу.

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

У формі також є можливість активувати прапорець, який додає сторінку з умовами та положеннями партнерської програми:

<figure><img src="/files/a85a67e4519938d22641f3a9df7050412c5bd81a" alt=""><figcaption></figcaption></figure>

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

Усі партнери вашої школи відображатимуться у вкладці «Affiliate Program» у розділі «Courses»:

<figure><img src="/files/11d9a358c4d8d2174e38fc4f748e4d63f204fcee" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Увага!

Тип комісії та розмір винагороди встановлюються як одне значення і застосовуються до всіх курсів одночасно.
{% endhint %}

Щоб налаштувати комісію партнера, натисніть на «**Налаштування партнерської програми**":

<figure><img src="/files/3d3a451e11930019b53b79b2d1cbd8950d31bee4" alt=""><figcaption></figcaption></figure>

Далі у спадному меню виберіть тип комісії: «**Комісія**» або «**Фіксована сума**":

<figure><img src="/files/14314917f11286e3b5a46de1648ab26aaaf298c3" alt=""><figcaption></figcaption></figure>

Потім вкажіть суму винагороди партнера:

1. Якщо ви обрали «**Комісія**», введіть потрібне число без додаткових символів чи знаків:

<figure><img src="/files/23131846fbf57d5464a239e3088862b634b0398c" alt=""><figcaption></figcaption></figure>

2. Якщо ви обрали «Фіксована сума», введіть потрібну суму без символів або пробілів:

<figure><img src="/files/976b36830e9e91ef8e303520e7105a07ff143d20" alt=""><figcaption></figcaption></figure>

### Розширений редактор сторінки

Розширений редактор сторінки курсу дозволяє застосовувати унікальні налаштування сторінки за допомогою різних інструментів створення сайтів/лендингів, доступних на платформі MaviBot.

{% hint style="danger" %} <mark style="color:red;">**Зверніть увагу!**</mark>&#x20;

Якщо ви активуєте прапорець «Advanced Settings», за замовчуванням замість промосторінки курсу відображатиметься сторінка сайту (яка буде порожньою, якщо ви не налаштували її самостійно в розширеному редакторі).
{% endhint %}

<figure><img src="/files/72bb1b962ea777e2967ebc2304c81f74463ab3b1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Детальну інформацію про кожен блок (секцію) можна знайти в [«Site blocks»](/doc/uk/websites/saiti/blocks.md).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/uk/lms/builder/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.