With this block, you can turn simple images into guided, interactive lessons that increase engagement and understanding.

With this block, you can:

• Highlight key parts of an image, diagram, or interface.
• Add pop-up explanations, images, or videos for each point.
• Turn images into clickable learning tools without coding.

Examples: Show learners how your app dashboard works, label the parts of a human brain, or create an interactive product demo, all within your course.

How to Add Image Hotspots

Add the block

In the right drag-and-drop menu and click Actions.

Find Image Hotspot block and drag it into your page, or double-click it.

Change Image

You can change the image by clicking itself, then selecting Change Image.

Add more hotspots

There is one hotspot on the image by default.

You can double-click anywhere on the image to create a new hotspot or click the ‘+’ icon on the top-left corner of the image to add one.

You can drag any hotspot to reposition it anywhere on the image.

Edit hotspot content

You can edit the content of hotspot by hovering over a hotspot and click the pencil icon.

This will open a pop up that works exactly like your course page editor. You can add text, images, buttons, or even interactive blocks inside it.

Customize hotspots

You can customize hotspots by hovering it and clicking the settings icon.

The things you can change:

• Hotspot background color
• Icon color
• Icon type

Delete a hotspot

Hover over the hotspot and click the trash icon to remove it.

Please reach out us via support@minicoursegenerator.com in the bottom right corner of your screen if you have any question about Image hotspot.

The post Image Hotspot appeared first on Mini Course Generator.

With Mini Course Generator’s drag & drop Landing page builder, you can create landing pages in minutes.

Need inspiration for your landing page? Check these examples:

• Energize Your Body, Master Your Practice, Teach with Confidence

• Mastering Music Theory

• Learning Business for the Future

• Learn Coding For Kids From Anywhere

• Elevate Your Tech Skills into Visionary Leadership

• Business Growth Consultancy

• Productivity Mastery for Remote Professionals

• Yoga Journey

To editing Collection’s Landing page, go to your Collection and click Landing page tab.

For Mini Courses, go to your Mini Course and select Landing page from top menu.

If your Mini Courses or Collection newly created, you can choose a preset to start editing your landing page.

There are 15 presets:

1. Default

2. Classic

3. Minimal

4. Elegant

5. Horizon

6. Vibrant

7. Discover

8. Grow

9. Podcast

10. Divine

11. Playful

12. Dynamic

13. Ascent

14. Organic

15. Momentum

You cannot switch presets once you have applied one.

Please refer Content Blocks (Drag & Drop Builder) article to learn how to build landing page using blocks.

Settings of Landing Page

You can change the settings of landing page from the button right top of your landing page.

If you don’t click Save Changes after making changes, the landing page changes will not be applied.

General

Typography

You can choose from over 100 fonts to customize the heading and paragraph texts on your landing page.

Primary color

For Mini Courses only, you can set a custom primary color for your landing page.

Page logo

You can add a logo for your Mini Course and Collection. This logo image will appear in the landing page title area.

This logo will also be used on badges if you’ve enabled Issue Badge settings for your course completion.

Supported formats: JPG, GIF, or PNG. Maximum file size: 500KB. Recommended aspect ratio: 1:1.

Favicon

Add a favicon to your Mini Course and Collection. Favicons help users recognize your brand in browser tabs.

Supported formats: PNG or ICO. Recommended size: 64×64px.

Thumbnail image

Thumbnail image is the image you see in the Mini Course and Collection cards in your admin area.

If you create a course with AI and select AI-generated images, the thumbnail image will be created automatically by AI.

For Mini Courses only, the thumbnail image will be shown to your learners on the course cards on your collection landing page.

Supported formats: JPG, or PNG. Maximum file size: 500KB.
Recommended minimum size: 284×160px.

SEO

SEO Description

SEO description will appear in search results and social share posts. The maximum length is 320 characters.

Keywords

Keywords help search engines understand the content of a web page and determine when to show it in search results. You need to separate keywords by commas.

Index to Google

Enabling this setting allows your course to be indexed by Google. The default value is Yes.

Advanced

Header & Body Scripts

You can add custom CSS & JS codes, like Google Analytics tracking code, Facebook Pixel, etc.

Header & Body Scripts only available on our paid plans.

Header of Landing Page

You can easily change header settings of a Landing Page for a Mini Course or Collection by clicking the Edit header button, which appears when you hover over the header section.

Theme

You can change header image and content alignment of header section from Theme tab.

For the best result on all devices, use an image with a maximum size of 6 MB and a minimum resolution of 2048x1152px.

Language

For Mini Courses only, you can change the button text on your landing page from Language tab.

It will effect the button texts on the learner side.

Please reach out us via support@minicoursegenerator.com if you have any question about Landing Page.

The post Customizing the Landing Page appeared first on Mini Course Generator.

Add images, videos, buttons, and interactive elements to your Mini Course to make it more engaging to your learners.

Adding Content blocks is easier with our right-hand menu. Simply Drag and drop the Content block into your page, or double-click it to add it.

Content Block Types

Video

The following Video block options are available: Single video, Video on the top, Video on the bottom, Two videos, Video on the left and Video on the right.

After successfully adding a Video block, click on it and upload a video from your computer or media gallery.

Alternatively, a video URL from YouTube or Vimeo can be used. The video’s aspect ratio may also be modified to be mobile-friendly.

Single video

Video on the top

Video on the bottom

Two videos

Video on the left

Video on the right

Uploading and processing video may take 1 or 2 minutes.

Single audio

Image

The following Image block options are available: Single image, Image on the top, Image on the bottom, Two images, Three images, Image on the left, and Image on the right.

After adding an Image block, click Change Image to upload a new image from your computer or media gallery.

You can also specify the alt text for your image. Alt text makes your image accessible to search engines.

Image on the top

Image on the bottom

Two images

Three images

Image on the left

Image on the right

Image with buttons

Create AI-generated images

You can create images using AI assistance. Select the AI button after clicking on an Image block. Then, describe your image and click the Generate Image button.

If you are not satisfied with the image, you may regenerate it using the same prompt or a different one. The created image will be added to your Media Gallery.

Click Use This Image to add the AI-generated image to your Image block.

Every image creation with AI costs 5 credits, regardless of whether you use it.

Using media from Unsplash or Giphy

Select Change Image after clicking on an Image block. Choose Unsplash or Giphy option, then search for and add your desired media.

Text

The following Text block options are available: Heading and text, Text, Two columns, Three columns, Quote and Table.

Formatting text

Our Text editor lets you write nice-looking course contents, so students have a good time learning.

Select any text to see the Text editor. This allows you make headings, bold, italicize, add code, create links, change alignment or enrich your text with In-page AI Assistant.

You can also insert images and videos between or within text blocks using the Text Editor.

Other customization options you can do with Text editor:

• Font color
• Font background color
• Underline
• Strikethrough (Line through text)
• Remove format
• Bulleted list
• Numbered list
• Decrease indent
• Increase indent
• Horizontal line
• Code block
• Inserting link
• Subscript
• Superscript

A subscript is a character (number or letter) set slightly below the normal text line, while a superscript is set slightly above.

Please reach out us via support@minicoursegenerator.com if you have any question about formatting a text.

Heading and text

Text

Two columns

Three columns

Quote

Table

You can customize the Table block to fit your needs. Click any cell, row, column or the entire table to access the Table editor.

Customization options you are able to do with Table editor:

• Insert new column or row
• Delete a column or row
• Merge and split cells
• Background color of table or cell
• Dimensions of table or cell
• Alignment of table
• Alignment of cell text
• Padding of cells

Additionally, you can change the width of columns by dragging their vertical borders.

You can customize the text within cells using the Text editor.

Actions

Action blocks are one of the best ways to add interaction to your pages. The following options are available for Actions blocks:

Refer to this article to learn how AI Interaction Builder works.

Buttons

• Fit button
• Full button
• Social button
• Button on the right

Cards

• Flip cards
• Numbered cards
• Highlights

Tabs

• Accordion
• Horizontal tabs
• Vertical tabs

Fit button

You can put more than one button in a block. Click next to the button (but still in the block) to add new buttons.

Full button

Social button

Customizing buttons

Click the button to customize. You can change the title, icon and color of the button.

You can set how the link or file opens: in a new tab or the current tab.

Destination

If you want to redirect your learners to a link or have them email you, choose Link.

If you want your users to download a resource or assignment, choose File.

Flip Cards

Flip cards are an excellent interactive learning tool that engages learners and facilitates understanding.

Click an empty space inside a block to add a new card. Hover over the top right corner of a card to delete it.

You can insert images to Flip cards. The optimal size is 246px (width) x 220px (height). Ratios of 1:1 and 4:3 also work well with Fill cards.

Numbered Cards

Click an empty space inside a block to add a new card (Max 4). Hover over the top right corner of a card to delete it.

Highlights

Hover over the top right corner of a card to delete it.

Accordion

Horizontal Tabs

Vertical Tabs

Embed

You can embed almost anything in your course. All you need is a link.

We’ve also optimized some of the most popular platforms embed options to provide a better experience for both you and your learners.

You can embed:

• HTML codes
• Youtube videos
• Canva designs
• Vimeo videos
• Google services (Google Docs, Google Sheets, Drive PDFs etc.)
• Thinglink Scenes
• Calendly calendars
• Scribe guides
• Soundcloud audios
• Spotify audios
• Loom videos
• Airtable files
• H5P contents
• Synthesia videos
• ElevenLabs audios
• Anything with a link

Please reach out us via support@minicoursegenerator.com if you have any question about Content blocks.

The post Content Blocks (Drag & Drop Builder) appeared first on Mini Course Generator.

Basics for information cards, AI powered information cards, and password protection.

Quiz for single or multiple-choice quizzes.

Survey for single choice or multiple choice questions with no correct answer.

Feedback for text input, data collection, and feedback solutions.

Completions for customized endings to your mini-courses.

Your mini-course can include various types of cards according to your needs. In order to add a card to your course, open the card menu and choose a card type. You can open the card menu either by clicking “Create Card” next to the last card present, or the “+” buttons between existing cards.

Formatting the Text Area of the Content Cards

Two editor options are available at your service: Markdown or HTML. Change your editor by simply clicking on your choice.

For the body text, there are 3 formats available: Header 1, Header 2, and Paragraph.

In addition to the default formats, you can determine font size, font color, highlight color, and text alignment. You can make the text bold, underlined or italic. You can also add hyperlinks, embed media using iframe HTML codes and upload images. It is possible to reset format whenever you want to.

Types of Content Cards on Mini-Course Generator

You can find detailed information about our card types below.

Basics

Information / Knowledge Cards

Suppose you do not desire any kind of activity on a card, such as quizzes, ratings, inputs, gateways, etc. Then an Info card would suffice as it is the simplest card type. Yet, it can still be enriched with media and PDFs, just like any other card.

Let AI assist you

Our AI-Assistant can help you create an Info Card. If you select this type, you’ll get an info card which has AI-generated text in it.

Note: You can get help from AI on every existing card, either by Call AI Assistant button at the top right end of the card, or by typing +++ in the text area. Click here for more information.

Quiz Cards

In this section, you can add quizzes with either single or multiple correct answers. In order to define an option as the correct answer, you can mark the check on the left of that option.

Survey Cards

When your question does not necessarily have a correct answer, you can use survey type one option selection or multiple option selection cards.

You can add as many options as you like to the cards under this section.

Feedback Cards

The cards under this section are great for getting feedback from your customers. These are star rating, open-ended, basic input, and numeric answer cards.

Using feedback cards for lead generation for your newsletter is also possible via webhooks. Learn more.

Completion Cards

Adding a completion card to your mini-course is not a necessity. In order to avoid the next button present in other card types, you can end your mini-course with a Standard completion card.

Besides, to end your mini-course customized for special purposes, such as conditional results, displaying scores or badges, you can use other completion cards. There are 3 types of special completion cards; which are conditional cards, score cards and badge cards.

You can add only one completion card, and a completion card is always located at the end of your mini-course. It is not possible to relocate a completion card.

For detailed information about how to add and customize completion cards, see: Customizing The End (Completion)

The post Card Types appeared first on Mini Course Generator.

To the header of the content cards

You can add a header image/video to every card, regardless of the card type.

It is possible to create an image using AI assistance, search for GIFs from Giphy, add Youtube videos, add royalty-free Unsplash images, upload media directly from your device, or add with image URL.

You can also add an audio file to your header image section.

Write a prompt for AI to generate an image tailored to your needs, or click on get prompt from card for AI to generate an image that suits your card automatically.

To the body of the content cards

You can enrich the body with media for all card types, either by uploading or embedding.

• You can upload images to the body of a card. Supported formats are JPG, JPEG, PNG, and GIF.
• You can upload PDFs.
• You can embed media from Youtube, Vimeo, Spotify, and so on.

The post Adding Media to Your Mini-Course appeared first on Mini Course Generator.

Here, you can upload images directly from your device with PNG, JPG, JPEG, and GIF formats.

It is also possible to search and add images on Giphy and Unsplash. You can also add images from other platforms with an image URL.

You can also upload .MP4 videos directly from your device. Or, you can enter a Youtube link and add a video from Youtube.

To the body of a card

Uploading images

You can upload an image to your card’s body by clicking the image icon in the body menu.

You can upload images from your device in the upcoming menu with JPG, PNG, and GIF formats. Moreover, you can upload an image from the internet by its URL. It is also possible to resize the image and add descriptive texts.

Searching and adding images by Giphy and Unsplash to the body of a card is not possible. However, you can add such content to the header.

Uploading videos and audio files

You cannot upload videos or audio directly from your device to the body of a card, but you can embed media from other sources like Youtube, Vimeo, Spotify, etc. Learn more.

Uploading PDFs

1. Embedding PDF to a page directly as a content.
2. Adding a button which redirect your learners to PDF.

Embedding PDF

1. Upload your PDF to Google Drive.
2. Click Embed on the right section in course editing page.
3. Select Google Services and Drag and drop to your page.
4. Paste the link of PDF from your Google Drive.

Don’t forget to change access of file publicly available on Google Drive.

Adding a button to redirect to PDF

Click Actions on the right section in course editing page.

If you want to add media without uploading from your device, see “Embedding Media“. It is possible to add anything with an iframe HTML code.

The post Uploading Media (images, videos, audio, PDFs) appeared first on Mini Course Generator.

To embed HTML codes:

1. Copy the iframe HTML code of the media you wish to embed in your mini-course.
2. Go back to your mini-course and switch to the HTML editor.
3. Turn on code view, paste the code, and switch back from the code view.

The GIF below illustrates an example; watch embedding a YouTube video.

The post Embedding Media (from Youtube, Vimeo, Spotify, etc.) appeared first on Mini Course Generator.

You can also customize the appearance of these links and make them more coherent with your marketing needs. Let’s get started!

To add a link, click the link icon at the top right of a card.

The default choice in the upcoming window is “URL”. Leave it as it is, enter a title and URL. If you want this link to serve as a “call-to-action” (CTA) button, enter a catchphrase like “Click here!” or “Buy now!” as the title.

When learners click the link, by default it opens in a new tab. To avoid that, you can choose “Open in same tab”.

You can add as many links as you would like to a card. After you are done, click the settings icon to customize the appearance of the links according to your marketing needs. You may need to scroll down the card a little bit to see the links you have added.

There are 12 different box styles available; you can pick the one you like. However, filled boxes are the best option to create attractive CTA buttons.

Your choice of box style will be valid for all of the links on that card.

You can customize your links further with attention texts and thumbnails for each link separately. Click the edit icon of a link to view these advanced settings.

An attention text will be highlighted in your link; it is especially suitable for using as a price tag.

You can also add a thumbnail. Supported formats are PNG, JPEG, and JPG.

If you would like to delete a link, it is also done on this window.

After you arrange your settings, you can preview your mini-course to see what it looks like.

The preview of another example link is shown below. This time, Mini Course Generator logo is added as the thumbnail, “MCG Home Page” is the title and “click here!” is the attention text.

The color of your links depends essentially on the color choices you made for background, card background, and buttons in the theme settings. By rearranging these options, you can modify the color of your links as well. To learn more about layouts and themes, click here.

Note: Instead of linking URLs, other link structures are also possible. You can link a mini-course directly from your library.

A popular use case of this feature is to create personalized content for powerful lead magnets. To learn more about this use case, click here.

Another popular use case is that; you can represent a collection of selected mini-courses with their prices. To learn more about this use case, click here.

The post Adding Customized Link Buttons appeared first on Mini Course Generator.