Course Editing: In-depth

Using the Page Builder

In addition to the classic editor, you can use the page builder to edit your course pages. The page builder is a powerful tool that can help you easily create beautifully designed and functional pages for your courses. It gives you the ability to effortlessly add text, pictures, links, videos, maps, and other content directly on the page.

You can also quickly create a variety of specific pages using the Page Builder’s templates, which include the following types of pages:

·       ‘Product features’

·       ‘Testimonials’

·       ‘Contact Us’

·       ‘Pricing’

·       ‘Meet the Team’


To open the Page Builder tool, select Page Builder from the top bar of the editing screen.


This will close the classic editor and open the page builder.


Note: You must save any changes you have made to your page before entering the page builder. Do this by clicking Publish.




How to Create and Edit Pages

The Page Builder can be used to edit pages you have already created, as well as create new pages. 


To edit a page that has already been created, open the Table of Contents on the sidebar, and click on the page. You can then use the editor to make your changes.



To create a new page, click add page at the bottom of the screen. After entering a title for the page, the new page will be created, and it will be displayed.



To begin building your page, drag pieces of content from the right-hand side menu onto the page. The position on the page is indicated by a faint gray bar.




Continue to drag snippets and build your page’s format.

Note: Based on content type, a filter can be applied to the list of snippets by clicking on the top dropdown menu and selecting a category.




How to Edit Snippets


Once a snippet has been added to a page, click anywhere on it to open a set of buttons.



Clicking and dragging the green button will allow you to move the snippet around on the page.


Clicking the blue button opens the coding string for that snippet. This code can be edited to change how the content looks.


Clicking the gray + button adds an identical snippet directly after your current selection. If any changes were made to the snippet, they will be reflected in the copied version.


Clicking the orange x button will delete the entire snippet.



Using the Text Toolbar

To edit the text inside a snippet in the page builder, first select the section of text you want to edit.




A text editing toolbar will appear at the top of the page that contains options for formatting your text and adding links. Text commands are listed below:


 A. Bold: makes text bold

B. Italic: makes text italicized

C. Underline: makes text underlined

D. Strikethrough: will strikethrough text

E. Color: allows you to select the color of your text selection. You can define whether to select the text color, background color (the background behind only the selected text), or block background color (the background behind the entire block of text, no matter which text is selected).

F. Font size: allows you to change the size of your text selection

G. Clean: removes any formatting applied to your text selection and returns it to the default formatting.

H. Paragraph: allows you to apply headings to your text selection

I. Font: allows you to choose the font type from a list

J. Alignment: allows you to select either left, center, right, or justified alignment for your paragraph

K. List: allows you to adjust indenting, start either a bullet list or numbered list, or remove a list from the page

L. Link: allows you to create a hyperlink. Select text from your page, then click this button to open a menu where you can define the following fields:

·      Link: This is the link that will be added to the page.

·      Text: This is the text that will appear to students that contains the link.

·      Title: This adds a title when hovering over the link. It is commonly used to add a description for the link.

·      Target: This can toggle whether the link will be opened in a new window or not.

M. Remove link: will remove any link already added to a text selection

N. Icon: opens a library of icons that can be added to the page by clicking on them

O. HTML: opens the HTML coding for your text selection, and allows you to make changes


Type text changes directly into the paragraph and use the text editing toolbar to make formatting changes.

To exit the text editing mode, click anywhere outside of the text area.



Overview of the Page Builder Toolbar

In addition to the snippet menu on the side, and the text editing menu when accessing text, there are a set of commands at the bottom of the page builder.


·       View HTML: This shows the HTML code for the entire page. You can edit this code in the window that appears.

·       View Page: This closes the page builder and displays the course page as it would appear to a student. To exit the viewing mode, click Edit page from the sidebar menu to return to the course editor.

·       Classic Editor: This closes the page builder and returns you to the classic editor.

·       Publish: This saves your changes.

·       Add page: This adds a new page to the course.

·       Clone page: This creates a duplicate of the page you are currently editing and inserts it directly after the current page.