Lessons and modules
In this article, we’ll explain how to create lessons and modules, and how to fill in lesson content using sections.
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.
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.
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.
You can add as many sections to the lesson content as needed, with individual font, text, and other settings for each one.
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.
Lesson sections are structured the same way as those used on the website. To learn more about each type, visit the “Site blocks”
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.
What is this useful for?
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.
To avoid losing up-to-date banners and other images in case you decide to delete a course.
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.
title – the name of the video segment (e.g., “Start,” “End,” “Key Moments,” or “Summary”).
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.
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.
NOTE!
The section ID is entered with the special character #!.
#id_your_section
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".
Done! Now you know how to set up a button click to scroll to a specific section.
Note!
Don’t forget to save the settings of each section.
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.
By default, the first image from the lesson is displayed as the lesson preview.
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.
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.
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.
You can add as many questions as needed, with no limitations.
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.
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.
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.
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.
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.
Lessons are displayed in the technical specialist’s panel and appear in the same order on the course website.
To rearrange the lessons, press and hold the button in the top-right corner of the lesson block.
Last updated