# Как создать онлайн-курс

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

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

<figure><img src="/files/68b65bec05ba00b6fcf016be49c68cd6baf306f9" alt=""><figcaption></figcaption></figure>

Быстро создавайте модули и уроки, добавляйте викторины и опросы, автоматизируйте взаимодействие со студентами и обеспечивайте удобный процесс обучения. Благодаря гибким настройкам вы можете адаптировать курсы под разные аудитории и форматы обучения.

Эта статья проведет вас по ключевым настройкам конструктора курсов MaviBot.

#### Как создать курс

Чтобы создать курс, перейдите во вкладку **«Курсы»** и нажмите кнопку **«Создать»** Если у вас еще нет курсов, кнопка появится в центре рабочего пространства.

После нажатия кнопки **«Создать курс»** вы будете перенаправлены в основные настройки курса.

<figure><img src="/files/46427b2fcb8df663e1fadb70ecfa505b99e293c2" alt=""><figcaption></figcaption></figure>

## Настройки

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

Чтобы перейти к настройкам курса, нажмите кнопку настроек (иконка шестеренки):

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

Меню настроек откроется в правой части экрана.

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

### Общие

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

**Тип обучения** — эта настройка позволяет выбрать один из следующих форматов: курс, марафон, интенсив или тренинг.

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

#### Уникальная ссылка на курс

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

Чтобы вместо уникального идентификатора страницы, состоящего из множества символов, задать понятное и удобное название ссылки, просто придумайте имя URL, используя латинские символы.

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

{% hint style="success" %}

#### Обратите внимание!

При изменении названия ссылки изменится только часть, выделенная красным:

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

Промостраница курса по-прежнему будет находиться на домене MaviBot.
{% endhint %}

#### Настроить собственный домен

Чтобы заменить домен MaviBot на свой, нажмите соответствующую кнопку.

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

После этого откроется модальное окно, в котором нужно будет ввести настроенный вами собственный домен:

<figure><img src="/files/56008f416000566d512b1e7e6eadd48c9e849cb0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
О том, как создать A-запись, см. [эту статью](/doc/ru/websites/saity/builder.md#domain).
{% endhint %}

Теперь уроки и главная страница вашего курса будут открываться на вашем собственном домене, а личный кабинет студента по-прежнему останется на домене Salebot.

#### Сдача домашнего задания

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

**Сдача домашнего задания** — этот переключатель можно активировать в зависимости от того, как вы хотите получать домашние задания в вашем курсе.

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

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

#### Отправлять колбэки

<figure><img src="/files/159488ad200a9fed493e3f04445324769b1283b0" alt=""><figcaption></figcaption></figure>

**Отправлять колбэк** — отметив соответствующие галочки, вы сможете получать уведомления о действиях клиентов.

Это сообщения (колбэки), которые будут отображаться в чате/диалоге клиента.

<mark style="color:зелёный;">**Новые отправки домашних заданий**</mark>\
`course_homework_send_new course_id: 111, lesson_id: 222`

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

<mark style="color:зелёный;">**Повторно отправленное домашнее задание:**</mark>\
`course_homework_send_repeated course_id: 111, lesson_id: 222`

Чтобы настроить ответ на эти уведомления, укажите в условии блока или стрелки текст до первого пробела, используя тип совпадения «Совпадение по ключевому слову». Пример показан на скриншоте ниже:

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

<mark style="color:зелёный;">**Урок открыт:**</mark>\
`course_lesson_opened course_id: 111, lesson_id: 222`

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

<mark style="color:зелёный;">**Урок закрыт:**</mark>\
`course_lesson_closed course_id: 111, lesson_id: 222`

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

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

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

#### Метки и списки

<figure><img src="/files/23ab61f7dfe113943d806781a90607603989578b" alt=""><figcaption></figcaption></figure>

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

#### **Предпросмотр курса**

Эта функция отображает обложку курса в личном кабинете студента или в каталоге курсов.

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

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

Предпросмотр курса также будет отображаться, например, на сайте при добавлении блока с карточкой курса.

#### Другие настройки

Чтобы отправлять уведомления, связанные с курсом, кураторам курса по электронной почте, включите галочку в общих настройках курса:

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

После этого соответствующие уведомления о курсе будут отправляться напрямую на электронные адреса кураторов.

<mark style="color:зелёный;">**Чтобы защитить ваш уникальный контент**</mark> от несанкционированного копирования, вы можете включить галочку «Запретить копирование текста» в настройках урока.

<figure><img src="/files/304f1ccd6811d96f0d9ce78a84fb462baf4778bf" alt=""><figcaption></figcaption></figure>

Чтобы предотвратить запись и покупки курса, который уже неактуален, активируйте галочку «В архиве» в общих настройках курса.

<figure><img src="/files/7930b995083c38aa290ee60b41d319d40eb22d8d" alt=""><figcaption></figcaption></figure>

### Внешний вид

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

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

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

Чтобы настроить внешний вид промостраницы курса, перейдите во вкладку «**Внешний вид**» в общих настройках курса.

<figure><img src="/files/4422c94a417f8975bb28e422efcd93cc1f79279e" alt=""><figcaption></figcaption></figure>

Во вкладке «**Внешний вид**» вы найдете настройки темы, цвета главной страницы, логотипа и фона обложки курса.

#### Тема

Для быстрого и простого старта вы можете выбрать готовую тему для промостраницы курса в общих настройках.

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

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

Для элементов главной страницы (кнопок, блоков с информацией о курсе, блока автора, карточек с ценами и т. д.) предусмотрены настройки скругления углов:

<figure><img src="/files/0e428185ec8b74cfbb5a13dc1b6473db6fb3acdd" alt=""><figcaption></figcaption></figure>

По умолчанию применяется овальное скругление, но вы также можете выбрать скругленные или квадратные углы (без скругления).

<figure><img src="/files/0a53c3f15a42e3b3d2568eaf78d051e9aba56231" alt=""><figcaption></figcaption></figure>

#### Настроить собственную тему

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

<figure><img src="/files/8bd27407225fe44e28a52605324bfb8e6f45271f" alt=""><figcaption></figcaption></figure>

Расширенные настройки темы помогут настроить дизайн вашего курса в соответствии с вашими предпочтениями.

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

Вы можете применять различные интересные узоры к фону промостраницы.

#### **Горизонтальное расположение уроков/тарифов**

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

<figure><img src="/files/584149ada676ed2b053156df31b7f20bad7afe32" alt=""><figcaption></figcaption></figure>

### Шапка страницы

По умолчанию логотип в шапке отображается как основной логотип MaviBot.

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

Если вам нужно отобразить другое название или изображение, используйте настройки здесь:

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

Вы можете загрузить изображение, указав URL картинки в поле, или задать логотип в виде текста.

### Обложка курса

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

<figure><img src="/files/5949ae7d3019803eb460dcc3e1c74e3a55ee3468" alt=""><figcaption></figcaption></figure>

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

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

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

Чтобы добавить дополнительные теги над названием курса, используйте кнопку «Добавить тег».

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

#### Выравнивание обложки

<figure><img src="/files/40d3e1b91b9327a9bb0b51d82541767eea4966d6" alt=""><figcaption></figcaption></figure>

По умолчанию содержимое обложки выровнено по центру.

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

После этого откроются настройки загрузки медиафайлов в правой части обложки.

<figure><img src="/files/894ba5cb4142253880b582a89824e6428e22eb8c" alt=""><figcaption></figcaption></figure>

Здесь вы можете настроить размещение медиафайла (изображения или видео) внутри обложки и выбрать его размер.

#### Фон обложки

Чтобы отображать изображение в качестве фона обложки, предусмотрены отдельные настройки, где можно загрузить изображение, задать его высоту и выбрать позицию.

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

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

**О курсе и авторе**

<figure><img src="/files/afcd31fce431f7dc09d868b13fcc53f0202d2aff" 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/d6d488203518ff8ec01a38e2d6d741db36b2c834" alt=""><figcaption></figcaption></figure>

**Имя автора** — текстовое поле, в котором можно указать имя автора курса. Введенная информация будет отображаться на странице курса, а также в настройках проекта на карточке курса.

**Описание автора** — это текстовое поле также будет отображаться на опубликованной странице курса. В приведенном выше примере мы указали сферу деятельности автора.

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

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

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

Для этого нажмите «Добавить ссылку» в настройках.

<figure><img src="/files/4725b5af0689fc3a6e26550dd1d3eb0211815d7e" alt=""><figcaption></figcaption></figure>

Затем введите название пункта меню, например, «Публичная оферта», и укажите URL, на который должна вести ссылка.

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

А также выберите, как открывать ссылку: в той же вкладке или в новом окне.&#x20;

Затем нажмите «Сохранить», и пункт меню в нижнем колонтитуле будет сохранен в настройках футера.

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

Также есть возможность добавить реквизиты компании для промостраницы, такие как информация об организации, ИП и т. д.:

<figure><img src="/files/97958b8ff1bf5a09cdd3e4243877058221d20962" alt=""><figcaption></figcaption></figure>

Реквизиты компании также отображаются в нижней части промостраницы курса вместе с пунктами меню футера

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

Вам нужно лишь заполнить пустые текстовые поля в разделе «Реквизиты компании».

**Раздел «Аналитика»,**

<figure><img src="/files/9ab2f0ac46a0e9d095b7d45e4cdb088f68e9e47d" alt=""><figcaption></figcaption></figure>

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

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

Будут собираться только события просмотра страницы, без информации о нажатиях на кнопки.

Передаваемые события:

* page\_view\_course – просмотр любого курса
* page\_view\_course\_#{ID} – просмотр конкретного курса
* page\_view\_lesson – просмотр любого урока курса
* page\_view\_lesson\_#{ID} – просмотр конкретного урока курса

Будут собираться только события просмотра, без какой-либо информации о нажатиях на кнопки.

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

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

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

Для этого вам нужно активировать галочку «**Показывать кнопку «Стать партнером»**» :

<figure><img src="/files/5b113b75317d21d69502b3b9c14f9ce0993f8988" alt=""><figcaption></figcaption></figure>

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

При нажатии на кнопку потенциальному партнеру будет предложена форма для заполнения личных данных.

В форме также есть возможность активировать галочку, которая добавляет страницу с условиями партнерской программы:

<figure><img src="/files/2438f97afa307f21ebea7320ef81af5b2fa21a6c" alt=""><figcaption></figcaption></figure>

После этого в форме появится галочка со ссылкой на условия партнерской программы.

Все партнеры вашей школы будут отображаться во вкладке «Партнерская программа» в разделе «Курсы»:

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

{% hint style="warning" %}
Примечание!

Тип комиссии и размер вознаграждения задаются единым значением и применяются одновременно ко всем курсам.
{% endhint %}

Чтобы настроить партнерскую комиссию, нажмите на «**Настройки партнерской программы**":

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

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

<figure><img src="/files/9710b3ed67202cba0d0f85463332e1c7efa3795c" alt=""><figcaption></figcaption></figure>

Затем укажите размер вознаграждения партнера:

1. Если вы выбрали «**Комиссия**», введите нужное число без дополнительных символов:

<figure><img src="/files/585e1139b3306d009c5f0c6fddd06e9e509cb459" alt=""><figcaption></figcaption></figure>

2. Если вы выбрали «Фиксированная сумма», введите нужную сумму без символов и пробелов:

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

### Расширенный редактор страницы

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

{% hint style="danger" %} <mark style="color:красный;">**Обратите внимание!**</mark>&#x20;

Если вы активируете галочку «Расширенные настройки», то по умолчанию вместо промостраницы курса будет отображаться страница сайта (которая будет пустой, если вы не настроите ее самостоятельно в расширенном редакторе).
{% endhint %}

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

{% hint style="info" %}
Подробную информацию о каждом блоке (разделе) можно найти в [«Блоки сайта»](/doc/ru/websites/saity/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/ru/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.