Adding Basic Components

Learning objectives

  • Discover the basic components available for a structure
  • Add basic components to a project structure



The structure editor seems to be an extremely useful feature. So, what all can we add to our project structure?

Oh, there are lot many components that we can add to the project structure, to make our learning portal look presentable and well organized. Let me walk you through these one by one.


Basic Components in a Structure

Basic components for a structure are the different objects that you can add in the Structure editor to give your project a well-defined arrangement. Open the project for which you want to create the structure. To access the Structure Editor, click the Structure icon in the navigation panel on the left.

On the Structure and segments screen, you can view the different options that enable you to create a presentable structure for your learning portal. There is a blank area in the centre of the screen.

The Basic components panel lists all the components that you can add to your project structure based on your requirements. Let us discuss these one by one.


Sections are similar to folders that can contain recordings, assets, and objects, even other sections. Creating sections help to better organize your content as per the requirements of different learners.

For example, you want that your learning portal should include content for the following 3 departments in your organization:

  • Human Resources
  • Finance
  • Quality Assurance

You can easily create a well-defined and logical structure by using the Section component.


The next component that you can add to your structure is Heading. It appears distinctly as a string of text at the position you drop it in your structure. It has a character limit of 50 characters.

You can add a heading to demarcate or highlight a piece of content so that it stands out separately from other content.


Using the Text component, you can add text lines to the learning portal structure. These text lines have a character limit of 300 characters.

These text lines can be anything, such as a brief description of the section or component that follows it. It can also be a tagline for a section or some additional “nice to know” information that adds value to the content that follows it.


You also have the option to add a Hyperlink to the structure of your learning portal. Hyperlinks provide a good opportunity to link to other learning portals created with ClickLearn, or maybe some other relevant websites. These can provide some further information and resources that add relevance to the content being explained. 


The Structure editor enables you to create dividers which can help to visually separate sections with a line break in your structure. Quite similar to the page breaks that you have in your Word documents, these dividers help to clearly mark out the content.

You can choose from the Solid, Dashed, and Dotted divider types depending on the type of look you want in your learning portal.

Adding Basic Components to a Structure

You can add each basic component to the structure by drag-and-drop from the Basic components section in the right-side pane to the blank area in the centre. Once you have added the required components to create the structure for the learning portal, click the Save icon on the toolbar at the top to save the newly created structure. You can also change the level of the various components to create the required hierarchy for the learning portal.

Use the Preview button to see how the learning portal will look like eventually. In case, you do not like the structure while previewing it, you have the option to reset it. Click the three-dot icon at the top to display the option to reset the structure.

When you produce and publish your project after adding all these components to the structure, the final output will be as shown in the screenshot below.