--- title: "Adding a Widget to a Custom Page" slug: "adding-a-widget-to-a-custom-page" updated: 2026-04-07T21:29:35Z published: 2026-04-07T21:29:35Z canonical: "support.smarteru.com/adding-a-widget-to-a-custom-page" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.smarteru.com/llms.txt > Use this file to discover all available pages before exploring further. # Adding a Widget to a Custom Page We recommend using the Custom Page Builder in Chrome. Be sure to display the browser in full screen mode and set its zoom level to 100%. BEFORE YOU BEGIN Be sure that you've [added a page](/v1/docs/adding-a-page) to your dashboard set that has its [**Type** setting](/v1/docs/page-main#type) set to *Custom Page*. To add a widget to a custom page in a dashboard set: 1. Display the [Custom Page Builder](/v1/docs/custom-page-builder). 2. From the list of [widgets](/v1/docs/custom-page-widgets) on the left, click the widget you want to add to the page and drag it to the workspace. 3. Do one of the following: - [Select an existing page to use for the widget](/v1/docs/adding-a-widget-to-a-custom-page#reusing-an-existing-page). - [Add a new page for the widget](/v1/docs/adding-a-widget-to-a-custom-page#adding-a-new-page). After you've added a widget to a custom page, you can [change its settings](/v1/docs/editing-a-widgets-settings), [move](/v1/docs/moving-widgets-on-a-custom-page), or [resize it](/v1/docs/resizing-widgets-on-a-custom-page). ## Re-using an Existing Page If you've [added a page](/v1/docs/adding-a-page) to your dashboard set, you can include the contents of that page in the custom page. For example, suppose you've [added a page](/v1/docs/adding-a-page) to a dashboard set that's [configured to display a course catalog](/v1/docs/adding-a-course-catalog). ![Course Catalog Page](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-quq6vsi2.png) When you create a custom page in the dashboard set, you can add the [Courses widget](/v1/docs/custom-page-widgets#courses) to the custom page and select the existing page. ![Reusing Page in Custom Page 20240812](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Reusing%20Page%20in%20Custom%20Page%2020240812.png) This allows the custom page to display the same course catalog that's displayed in the standalone course catalog page. ![Reusing Page Learner UI 20240812](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/Reusing%20Page%20Learner%20UI%2020240812.png) To re-use an existing page from your dashboard set: 1. Select the page you want to re-use from the list. ![Select Existing Page](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-4b39asgn.png) The list of available pages will only include pages that are the same type as the widget. For example, if you added the Learning Plans widget to the custom page, the available pages will only include existing pages that have their **Type** set to *Learning Plans*. 1. To edit the widget's settings, click the ![Edit](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-sdw1vtmb.png) that displays beside the widget. The Widget Settings panel displays to the right of the workspace. 2. Edit the widget's settings as needed. Information about the various accordions can be found on the pages below: - [Main](/v1/docs/page-widget-main) - [Label](/v1/docs/page-widget-labels) 1. Click ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-wrmt9p6i.png) to apply the changes to the widget's settings and preview the changes in the workspace. You can also edit the widget's page settings by clicking the ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-r8e5rngw.png) in the Widget Settings workscreen. However, changing a page's settings will affect the page everywhere it displays in the dashboard set. ![Edit](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-8hexp8jt.png) 1. To apply the page's changes to the dashboard set, click **Save**. ## Adding a New Page To add a new page for the widget: 1. Click the ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-fl8g6uyw.png) that displays in the widget. The Add/Edit Category Page panel displays to the right of the workspace. ![Add New Page](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-jtsxmk5k.png) 1. Specify the settings. The accordions and settings available will depend on the widget: | **Widget** | **Accordions** | | --- | --- | | Action Status | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | Certification Status | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | Courses | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-course-pages) | | Engagement | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | Enrollment Status | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | Image | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-image-widgets) | | Knowledge Base | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-knowledge-base-pages) | | Learning Plans | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-learning-plan-pages) | | Monthly Enrollments | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | My Profile | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | | Point History | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-point-history-widget) | | Point Ranking | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-point-ranking-widget) | | Point Total | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-point-total-widget) | | Text | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-text-widget) | | Timeline | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-timeline-pages) | | Video | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) [Configuration](/v1/docs/page-configuration-for-video-widget) | | Waiting List | [Main](/v1/docs/page-main) [Labels](/v1/docs/page-labels) | 1. Click ![](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/adding-a-widget-to-a-custom-page-image-rj6dqrkr.png) to apply the changes to the widget's settings and preview the changes in the workspace. 2. To apply the page's changes to the dashboard set, click **Save**. ## Related - [Adding a Custom Page](/adding-a-custom-page.md) - [Custom Page Builder](/custom-page-builder.md) - [Custom Page Widgets](/custom-page-widgets.md)