Landing page

Landing page

Overview of landing page

The landing page has a simple and user-friendly design that lets you create, edit, and organize course content easily. 


The Ultimate Walkthrough: Exploring Every Detail 

  1. This section provides an in-depth breakdown of the key elements in the system, helping you navigate effortlessly.
Understanding the Key Elements in the Image [Refer the above image]

1. Modules Dropdown Menu

  1. Click on the dropdown menu at the top-left corner.
  2. Select between different content types like Modules, Pages, Assignments, Discussions, or Syllabus.

2. Expanding or Collapsing Modules:

  1. Click the small arrow icon before a module name (e.g., "Week 2") to expand or collapse its contents.

3. Full-Screen View

  1. The Full-Screen icon next to the Admin Portal to it allows you to view the page in full-screen mode.

4. Admin Portal

  1. Click on the Admin Portal to access the admin dashboard.

5. Add a New Module


  1. Click the blue “Add Module” button to create a new module.
  2. Enter the module name and confirm to add it to the list.
  3. After adding the new module, a success toast message will be displayed in the right corner of the page.



6. Add a New Page to a Module:

To add a new page, click the “+” icon next to a module. This opens the Add Item modal, where you can choose from three options: New Blank Page, New Page from Template, or Existing Page. Refer to the detailed steps below for further instructions.

1. To create a new blank page

  1. Click the "New Blank Page" button to create a blank page 
  2. Add a page name in the page name field.
  3. Click "Add item" to save the page.


2. To add a page from a Pre-designed template



  1. Click the New Page From Template button.
  2. After clicking the button, you can view three tabs of My templates, Global templates, and Shared templates.
  3. You can choose a template from the tabs.
  4. You can also create a page from multiple template pages at the same time.
  5. After selecting the template, click the "Next" button for creating a page.
  6. Add a page name in the name field; following that, click "Add Item" to create a page. 

3. To Add an Existing Page

  1. Scroll through the list of available pages or use the Search Bar to find a specific page.
  2. Select one or multiple pages by clicking the checkboxes next to them.
  3. To unselect a page, click the selected page again from the list.
  4. Finally, click the Add Item button to confirm.
  5. Click the Cancel button to close the dialog without making any changes.
  6. Click the back button to return to the main page.




7. Publish a Page/Module:

  1. Click the circle with a tickmark to publish the module/page. 
Info
When published, the circle icon turns green, indicating that the content is visible to users.

8. Unpublish a Page/Module:

  1. Click the published circle icon again to unpublish the page, making it no longer visible to users.

9. Explore Icon

Support

The "Support" section provides quick access to resources like:
  • What’s New: View the latest updates.
  • Help Centre: Access detailed guides and assistance, and you can raise support tickets.
  • FAQ: Find answers to common questions.
  • Contact Us: Reach out for additional support.
About Section

The "About" section provides the following options:
  • About Us: View information about the organization.
  • Terms of Service: Check the terms and conditions for using the platform.
  • Public Policy: Access the policies related to the platform's usage.
  • Security Policy: Review details about the platform's security practices.
Social Media

The "Social Media" section provides links to connect with the platform on:
  1. Facebook
  2. LinkedIn
  3. Instagram
  4. X

10.Additional Options (Three Dots Menu):

  1. Click the three-dot icon next to a module/page for additional options like:

Rename: Change the name of a module/page by selecting 'Rename' from the three dots menu, entering a new name, and clicking 'Save'.

Duplicate: Create an exact copy of a module/page by selecting 'Duplicate' from the three dots menu.

Delete: Permanently remove a module/page by selecting 'Delete' from the three dots menu and confirming the action.


Module Section

  1. This section displays the available modules and their associated pages
  2. The module section will show all the available pages, assignments, discussion, and syllabus of the module. 
  3. We can directly click the desire page from the module and start working on the page

Pages Section

  1. Accessing Pages: Select "Pages" from the Loree top navigation dropdown to view all pages from the Canvas course. 
  2. To edit a page, simply click on the title of the page. This action will open the loree editor interface, allowing you to make and save changes directly.
Available Options for Each Page:
  1. To edit a page, simply click on the title of the page. This action will open the loree editor interface, allowing you to make and save changes directly.
Click the three dot menu in the action column


  1. Duplicate: Create a copy of the page.
  2. Delete: Remove the page permanently.
  3. Rename: Rename the page.
  4. Publish: Click the round icon to publish the page; the icon turns green and the publish makes the page live.
  5. Unpublish: Click it again to unpublish the page that removes the page from public view.
  6. Page Information:Each page displays the Created Date and Last Modified Date, making it easier to track updates and identify content.
  7. Sorting Pages: Click Page Title, Created Date, or Last Modified Date to sort in ascending or descending order.




Assignments Section

Accessing and Editing Assignments
  1. From the top navigation dropdown, select "Assignments" to view the list of assignments synced from your course.
  2. To edit an assignment, click on the assignment title from the assignment page. This action also  open the editor, allowing you to make changes directly to the page content

    Available Options for Each Assignment:
  1. Publish: Make the assignment visible to students.
  2. Unpublish: Hide the assignment from students.


Discussions Section

  1. Selecting “Discussions” from the Loree top navigation dropdown fetches the list of all discussions from the course. 
  2. Each discussion in the list offers the following options: publish and unpublish.
  3. The date of each discussion's creation is displayed, making it easier for users to identify its contents.
  4. Discussions are grouped and differentiated by their respective group names.
  5. The discussion list is organized similarly to Canvas, with categories like pinned discussions and discussion Groups for better content

Syllabus section

  1. Selecting the “Syllabus” option from the Loree top navigation dropdown will display the course syllabus.
  2. You can edit the syllabus from the loree editor.



    • Related Articles

    • Editor Page

      Overview of Editor Page The Editor Page is designed to enable seamless content creation and customization. Detailed Explanation of Icons in the Interface Home Icon - Clicking this icon will navigate you back to the main dashboard or home screen. This ...
    • I have already created a page in Canvas, can I edit this page in Loree? If yes, how?

      Absolutely! If you've created a page in Canvas after launching Loree, you can seamlessly select that specific page within Loree for editing. Additionally, if the page is already included in a module, you can conveniently locate and edit it by ...
    • How do I remove duplicated Canvas Page title?

      Learn how to remove duplicated Canvas course page titles via themes with Loree's bonus custom code. To conceal page titles in Canvas LMS using custom CSS and upload/update themes in your instance, follow these steps: Uploading/Updating Themes: Access ...
    • How can I embed videos to the page?

      Embed URL Block Loree brings you the "Embed URL" block, a convenient way to update iframes in the editor with ease. This feature simplifies the process of adding iframe links, such as those from YouTube or other sources, directly into your page. It's ...
    • How can I add a divider to the page?

      Divider The divider features allow users to clearly divide pages with either a line or spacing. The line and spacing options are customizable depending on what particular style you desire. The two screenshots below highlight the divider feature ...