Skip to main content
Content Blocks (Drag & Drop Builder)

Content Blocks are the heart of your page. Enrich your page with images, videos, PDFs, buttons, and more.

Eren Gunduz avatar
Written by Eren Gunduz
Updated today

High-quality course content is essential for effective learning. Content blocks are the tools that allow you to make your course appealing.

Add images, videos, buttons, and interactive blocks 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.

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.

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.

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

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 Blue Chat bubble in the bottom right corner of your screen 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 Action blocks:

Buttons

  • Fit button

  • Full button

  • Social button

  • Button on the right

Cards

  • Numbered cards

  • Highlights

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.

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.

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.)

  • Calendly calendars

  • Scribe guides

  • Soundcloud audios

  • Spotify audios

  • Loom videos

  • Airtable files

  • H5P contents

  • Synthesia videos

  • Anything with a link


❓Please reach out us via Blue Chat bubble in the bottom right corner of your screen if you have any question about Content blocks.

Did this answer your question?