# Lessons and modules To create the first lesson in the course, go to the **“Lessons”** tab and click the **“Create”** button.

A blank page will then open, allowing you to add content sections to the lesson.

## Lesson content Lesson content can include various materials, such as images and video lessons, using dedicated sections (blocks) on the page. {% hint style="success" %} A lesson section is a content block with preset settings that contains various texts and media files (videos, images) used to build the lesson page and display different types of material. {% endhint %} To create the first lesson section, click the **plus icon** in the center of the screen.

The following types of blocks (sections) are available for lessons.

To add text to the lesson content, click on the “Title and Text” section. In this way the text section will be added to your lesson content.

{% hint style="success" %} You can add as many sections to the lesson content as needed, with individual font, text, and other settings for each one. {% endhint %} Each field that contains text (including those in other lesson sections) comes with standard formatting options, similar to any text editor.

You can set: * Text styles (Heading 1 – H1, Heading 2 – H2, etc.); * Font weight (bold, semi-bold); * Italics; * Underline; * Strikethrough; * Size; * Font; * Font color, text highlight, and much more.

For example, when adding the **“Media” block**, you can embed a video from various platforms where you’ve previously uploaded your content by pasting the link into the field below.

After adding the link, the video will automatically load into the course lesson, and all that’s left is to save your changes. {% hint style="info" %} Lesson sections are structured the same way as those used on the website.\ To learn more about each type, visit the [“Site blocks”](/websites/sites/blocks.md) {% endhint %} All media files, including videos, can be uploaded to the file storage and then added to “Media” sections (or other lesson sections) via attachment URLs. To do this, go to the file storage and upload the necessary materials.

Next, in the section, click the “Upload from storage” button located below the URL field.

In the window that opens, select the attachment you want to upload.

So, the media will be loaded into the lesson section.

{% hint style="success" %} What is this useful for? 1. If your image format is too large and the lesson section doesn't allow uploads beyond a certain limit, you can work around this by using the file storage. 2. To avoid losing up-to-date banners and other images in case you decide to delete a course. {% endhint %} ### How to Specify Time Intervals Within a Video in the Media Section If you need to add a video with specific time intervals (similar to how it works on YouTube), you can use variables. For this, you’ll need the following variable: `#{timecodes(video_id, title, HH.MM.SS)}`, where **`id`** – the identifier of the video you want to include in the lesson.\ \&#xNAN;**`title`** – the name of the video segment (e.g., “Start,” “End,” “Key Moments,” or “Summary”).\ \&#xNAN;**`HH.MM.SS`** – the timestamp indicating when the desired segment begins, in the format hh:mm:ss. > Example: > > \#{timecodes(34, summary, 01:25:23)} You can find it by clicking the variables icon in the “Text” field within the settings of the “Media” section.

Click the button to display the variables

The variable for setting a timestamp in the video is located in the “Standard variables” block

### How to navigate to a content by clicking a button Lesson content can consist of a single section with a video lesson or include a large amount of textual material. To let students see what a lesson consists of and quickly jump to the content they’re interested in, you can create buttons that navigate to specific sections of the lesson when clicked. **Step 1. Specify the section ID name.** To do this, select the section you want to navigate, and click the “Edit” button. Find the field labeled “Section ID.”

Enter a clear and valid section ID name, according to the set rules.

For example, the name of our section will look like this:

Now copy the name and save the settings. After that, create a section with buttons (you can use either the "Menu" section or the "Customizable buttons" section).

Clicking on the chosen section will automatically open the content settings menu (in this case, we've added the "Buttons" section).

Click on the "Payment" button (this is a default button without any payment function) to edit its settings. In the modal window that opens, change the button label.

The function remains "Link", but instead of the value #url, enter the section ID name.

{% hint style="warning" %} **NOTE!** The section ID is entered with the special character `#!`. **#****id\_your\_section** {% endhint %}

Make sure the section opens in the same window when using its ID.

Next, you can set custom button settings: color, width, etc.

Then click **"Save"**. {% hint style="success" %} Done!\ Now you know how to set up a button click to scroll to a specific section. {% endhint %} {% hint style="warning" %} Note! Don’t forget to save the settings of each section. {% endhint %} ### **Lesson page settings** The general lesson settings allow you to configure key aspects of a single lesson. You can: * Set the **lesson title**. * Assign **homework**. * Apply **global font settings** to the entire page (avoiding the need to style each section individually). * **Restrict access** based on specific pricing plans. * Configure **automated email sequences** to follow up with students. To access these settings, click **Settings** in the top menu of the lesson editor.

There will be a settings menu with different sections.

### General **Page Information**

Fill in the following fields in the settings tab: * **Name in the list:** The internal title for organizing lessons. * **Browser tab name:** The title displayed in the browser's address bar and tab.

#### Image settings

To set a unique page logo instead of the MaviBot icon, you can upload your own image.To add a lesson preview image that will be shown on the course page (when a student has added the course and opened it for learning), upload an image to the "Lesson preview" field. {% hint style="info" %} By default, the first image from the lesson is displayed as the lesson preview. {% endhint %} #### Course settings In the course settings, you can add this lesson to modules (if modules were created earlier) and also set access permissions for this lesson.

For example, you can specify which pricing plans will have access to this lesson if you offer multiple plans, as well as the date from which the lesson will become available.
By default, the course header is displayed on the lesson page. To hide it, simply check the “Hide course header” checkbox.

#### Interface and access settings

To prevent search engines from crawling and storing the content of your lesson page, check the box “Disallow search engines from indexing the page.”
If you want to restrict access to the course based on specific lists, check the “Access by lists only” option and select the appropriate lists.

You can also enable image zoom on click, hide the “Made with MaviBot” label, add the client to lists, or assign tags when this lesson is completed.
To save progress statistics for this lesson in the “Analytics” section, check the box “Save analytics data for conversion.”

### **How to create homework** **Homework is an essential part of any learning process:** it helps students reinforce the material they’ve previously studied, while mentors (or the students themselves) can assess how well the content was understood and identify areas that may need more focus later on. When developing an online course, you decide which lessons should include homework assignments (perhaps all of them) and which ones don't require any. To create a homework assignment, go to the course settings and click "Homework".

Then go to the "Homework" tab. Here, you can choose the format of the homework: either as a standard assignment or as a test.

Start by entering the assignment title and its text — these fields work just like a regular document editor, where you can change font size, apply bold or italic styling, underline text, and more. You can also attach a file to the homework assignment if needed.

To assist in grading, you can include an answer key or hints for the assignment. These notes are private and only visible to the reviewer.

{% hint style="info" %} If needed, you can use the toggles “Accept text answers” or “Accept file uploads” to allow responses in two formats: as text or as a file, respectively. {% endhint %} ### Test-based assignments To create a homework assignment in the form of a test, go to the corresponding "Test" tab in the homework settings.

Click **“Create question,”** then enter the desired text in the question field. Next, enter the answer options for the question. By default, there are two answer fields, but you can add as many as needed. Click **the checkmark** next to the correct answer.
If your question has multiple correct answers, make sure to select all of them when adding the question.

To add another question, click the corresponding button.

{% hint style="success" %} You can add as many questions as needed, with no limitations. {% endhint %} You can also add an open-ended response field to the question.
The checkbox “Automatically accept homework” enables automatic acceptance of the assignment based on the number of correct answers: if the student reaches the required threshold in the test, the homework will be marked as completed; if not, they will need to retake the test.

{% hint style="success" %} When completing a test-based assignment, all answers selected by the student will be saved even if the homework page is refreshed, without needing to be submitted. {% endhint %} After you’ve finished creating the test assignment, go to the **“Standard assignment”** tab and check the box **“Add test to assignment.”**

### How to check homework assignments The curator goes to the “Students” section, where all students enrolled in the course are displayed.

Next, the curator needs to go to the section with newly submitted homework assignments.

After the student clicks **“Submit assignment,”** a notification icon appears in the “Students” section of the project, indicating a new assignment for review. The curator will then be able to see detailed information — who submitted it, whether it's the first or a repeated submission, and so on. After that, simply click on the student to view detailed information about which courses have homework submitted.

To open the homework, the curator just needs to click the corresponding button to view the submitted assignment.

## Lesson templates When creating lessons, you can use the **“Save as a template”** button to save them as templates, which helps speed up the process significantly.

Come up with a name for the template and click the **“Create”** button. Now, to create a new lesson, simply click the **“Modules and templates”** button.

Then select the desired template and click the **“Create Lesson”** button.

## Course module settings A course module is a grouping of multiple lessons focused on one or several related topics that are similar in meaning and content. > For example, “Module 1: Algorithms” might consist of 5 lessons:\ > Lesson 1: The concept of an algorithm and its importance;\ > Lesson 2: Functions of algorithms;\ > Lesson 3: Types of algorithms, and so on. In the “Lessons” tab, find the “Modules and Templates” button. To create a module, click the button with the same name.

A window will open where you need to enter the module name, its description, and add the lessons that should be available within this module.

{% hint style="warning" %} **NOTE!** A **single lesson** cannot be added to multiple modules! If you need the same lesson to appear in different modules, you can easily create a copy using the **“Copy” button** on the main Lessons page. {% endhint %} The module creation feature also allows you to add submodules to your online course. To do this, use the **“+ Add Submodule”** button in the module settings.

After clicking the button, a window for adding a submodule will open, where you can enter a name and select the necessary lessons for the module.

After configuring the module settings, be sure to click “Save” — both in the pop-up window of the submodule (if you’re using one) and at the bottom of the “Modules” tab page. ### How to change lesson display order To change the display order and the sequence in which lessons are completed, you can rearrange them in the “Lessons” tab. {% hint style="info" %} Lessons are displayed in the technical specialist’s panel and appear in the same order on the course website. {% endhint %}

To rearrange the lessons, press and hold the button in the top-right corner of the lesson block. --- # 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/lms/builder/lessons.md?ask= ``` 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.