We all know that content is the king. Yet, the way your mini-course looks is also a part of your communication and branding. In order to make mini-courses more coherent with your marketing needs, you can customize your mini-courses’ design with various options. These options include different page layouts, themes, fonts, font sizes, colored backgrounds and other choices related to appearance.
You can customize either an already existing mini course or create a new mini course from the beginning. Let’s see how easy it is!
Landing Page
Go to your Mini Course Landing page.
Refer to this article for detailed guidance on customizing your landing page.
Theme
On your Mini Course editor screen, click on the “Theme” button, which is located on the upper right corner, to see features about layouts and customization.
Theme Settings
From Flat to Sprinkle, Mini Course Generator provides 23 different theme presets for you. These presets are fully designed with their font settings, color options, and various page & background options. The presets also have different options of color. For example, for Flat theme preset there are 6 color options. After you pick a color, you can preview each preset.
ℹ️ If you want to go back to the default looks of your mini-course, you can pick the Default theme which is located in the first place.
Presets are not the only available option; you can customize designs as you wish without using them.
Page Layout
There are four different Mini Course page layouts you can choose from. Each page layout has a different placement for the next page button and the progress bar. The choice you make will be valid for both computers and mobile devices, whether embedded in a webpage or not.
The difference between four layout options on computer is illustrated in the image below.
The first Mini Course page layout comes with a navigation panel where the sequence of all page in the Mini Course can be seen at once, whereas other layouts do not.
Additionally, the default Mini Course page layout includes a “related mini-courses” section, which shows other Mini Courses in the same collection, at the end of each mini-course. However, other card layout options do not show the “related mini-courses” section.
ℹ️ When using the default layout, you can prevent related courses from displaying by enabling the "Hide related courses" setting in collection settings.
Along with where the page is placed, the placement of the next page button, the progress bar and the social share button is changed with the layouts.
The difference between four layout options on mobile is illustrated respectively below.
In the first layout, your learners can use the button on top left to see or hide the navigation panel. The next page button is at the bottom of the page.
Depending on the length of content in your pages and the way you will share your Mini Courses, you can go with the combination you like.
Find below the same Mini Course in four different page layouts. Each of these Mini Courses represent Mini Course page layouts respectively.
First Mini Course uses the default layout, which doesn’t allow changing page alignment or page stretch. Second, third and fourth Mini Courses use the page layouts respectively. For these Mini Courses, page vertical alignment is middle and page stretch is medium.
Click on the links below, both on computer and mobile, examine the performance yourself, and choose a layout for your Mini Course accordingly.
Page Vertical Alignment
Here you can choose whether your pages should be aligned at the top or middle of the screen.
Note: This option is not present for the default page layout.
Find below the same Mini Course page showcased in both alignment options.
Page Stretch
There are 3 options for page stretch: narrow, medium and wide. Narrow stretch is especially functional for Mini Courses which are intended to be viewed on mobile devices in the first place.
Note: This option is not present for the default page layout.
Find below the same Mini Course page showcased stretch options medium, narrow and wide respectively.
Font Settings
Change your Mini Course’s font, font color, font size and button color.
Background Image & Color
To customize your Mini Course background with an image or a different color, upload it through the Background Image section or just change the color.
Note: This option is not present for the default card layout.
ℹ️ Some presets such as Circles and Rectangle Light include background images by default. You’re free to change these default background images. Click on the trash bin icon to delete the background image. After deleting it, you can upload a new one.