Introduction to Pages and Menus

Learn more about creating pages and custom menus in your platform

Last Updated

July 28th, 2020

Docebo Module

Learn

Reading Time

6 min

User Level

Introduction

The Superadmins of your platform can configure and organize the layout of the pages and the menus used both by the desktop and the mobile platform. Depending on your needs, you can keep the desktop menu structure and page layout aligned with the Go.Learn app, or keep different versions.  

Use Case Scenarios

The menu structure, as well as the structure of the pages composing the menu, is flexible and can be changed at any time. It is a perfect fit for a situation where you need to define some pages dedicated to an event your company is organizing to share the event program, or the directions on how to get to the venue, only for a limited period of time (that is, before and during the event), both for desktop and for mobile. 

Thanks to this flexibility, a Company using the Extended Enterprise App can design different sets of pages, organized in different menus, one for every domain managed by the platform. When using the White Label App in conjunction with the Extended Enterprise app, the set of pages and menus can be branded differently for every domain.

Pages

Docebo manages three types of pages: 

Built-in Pages. These pages are included by default in the platform menu but their layout cannot be edited and they cannot be deleted, nor duplicated. As a Superadmin, you can define whether to show or hide them in menus. The built-in pages available for mobile are: My Courses and Learning Plans, All Channels, My Channel (available only when the Coach & Share module is active) and Course Catalog. Find more information about mobile built-in pages in this article

External Link Pages. These pages are used to open links from external webpages directly within your desktop platform. External Link pages are not available for the mobile app. 

Widget Pages. These pages are made up of widgets and can be fully configured by Superadmins. Some widgets are available both for desktop and mobile, some for desktop only.

In order to view the pages already configured for your desktop and mobile platforms, login as the Superadmin, then access the Admin Menu from the gear icon in the top right corner of the page, then click on Manage Pages in the Settings section.

This page lists all of the pages configured in your platform, ordered by page type. Remember that every page is available by default both for desktop and for mobile. Each row displays the page icon, code, name and description, whether the page is a Built-In, External Link or Widget page, in how many menus the page is included, and the number of widgets composing the page (for widget pages only). Since not all the widgets available for desktop are also available for mobile, the Widgets column includes details about the number of widgets used for the desktop and for the mobile page. 

The last column of the table shows if the page is published or not. When a page is published, it is possible to include it into menus. Remember that pages are displayed only to the users assigned to at least one menu including the page. If a page is not assigned to any menu, no user will have access to it. 

Customize the table layout by selecting the columns you want to see in the list by clicking on the columns management icon in the top left corner of the table. The table layout is refreshed in realtime when columns are selected or unselected from this area.

Manage Pages

Click on the page name to see the page details. The page details change depending on the page type, and are mostly not-editable for built-in pages. Find out more about widget pages in this article, and about external link pages in this article.

Click on the menu item at the end of the row of a page to copy its URL (to share the page with other users), edit, duplicate or delete it. Remember that the Delete and the Duplicate and Edit options are not available built-in pages, since these pages cannot be managed by users. 

When you delete a page, it will no longer be available in the menus it is associated with. When you duplicate a page, the platform will create a copy of it, having the same status (publish/under maintenance), general settings (description, languages, additional page buttons, icon), widgets and related settings, mobile layout and desktop preview. The page name and the page code will be duplicated with the – Copy suffix.

The duplicated page will not be assigned to any menu, so that you can edit it before making it available to users. When the page is ready, remember to associate it with a menu to make it visible. Please note that the duplicated page will be added as the last page in the Manage Pages page, according to the default list sorting order (oldest to newest). 

At any time, you can switch to the Manage Menus section by pressing the list button in the top right corner.

Menus

In order to view the menus already configured in your platform, login as the Superadmin, then access the Admin Menu from the gear icon in the top right corner of the platform and select the Manage Menus item from the Settings section. Remember that every menu you create is available by default both for desktop and for mobile.

Each row displays the menu name and code, the users enabled to see the menu, the number of pages included both in the desktop and in the mobile menu, whether the menu is the default platform menu, and if it is published or not. 

Click on the menu item at the end of the row of a menu to edit, duplicate or delete the menu. At any time, you can switch to the Manage Pages menu by clicking on the list button in the top right corner.

Configuring Pages and Widgets via CSS

If you have basic knowledge of CSS, you can customize your desktop platform pages using CSS files. Every platform page (built-in, external link or widget page) is identified by a unique ID in the CSS HTML, automatically assigned by the platform at creation time, with the following format:

doc-page-{page_id}

The {page_id} value is a numeric shortcode.

Since built-in pages are embedded in the platform, they have a fix page ID, as defined in the following table:

Similarly, any widget available in widget pages is identified by a unique ID in the CSS HTML, also automatically assigned by the platform when the widget is created, with the following format:

doc-widget-{widget_id}

The {widget_id} value is a numeric shortcode.

Thanks to pages and widgets’ unique IDs, you will be able to customize every single page and widget in the platform according to your company requirements. Refer to this article for further information on how to customize the layout of your platform via CSS.

Best Practices

Keep the following best practices in mind before creating and managing menus & pages:

  • Keep it simple
  • Define your priorities
  • Remember that scrolling down can break the User Experience
  • Elements on the top are more relevant
  • Start from your company’s website
  • If you have a lot of elements to show, create another page
  • Create a different menu/page for target only if it’s necessary

Find Out More

Start by creating pages, then organize them into menus and assign them to users. Find more information here:

  • Create widget pages. Here is an article on how to create pages from scratch using widgets, or using predefined templates to speed up the creation process. 
  • Use the right widgets. Find here the complete list of available widgets, both for mobile and for desktop. 
  • Create external link pages. This article will help you in creating pages linking to external web sites. 
  • Organize pages into menus. Here is an article on how to organize pages in menus, and how to synchronize desktop and mobile menus. 
  • Learn about mobile pages and menus. Find here a Q&A document on everything you need to know about the transition to mobile pages.
  • Manage pages and menus on Go.Learn. Learn how to use and navigate the mobile app menu by reading this article, and find here more information on mobile built-in pages.