---
title: "Add, modify, or delete page components"
slug: "add-modify-or-delete-page-components"
abstract: "How to change the appearance or behavior of a page by adding, modifying, or removing page components."
---
# Add, modify, or delete page components

> [!note]
> To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through [user group policies](https://doc.sitecore.com/ch/en/users/content-hub/user-group-policies.html "User group policies").

After you [create a page or subpage](https://doc.sitecore.com/ch/en/users/content-hub/create-a-page.html "Create a page"), you see the title of the page and the page breadcrumbs displayed in the right pane and, on the **Layout** tab, you see the page zones. You build your page by adding [page components](https://doc.sitecore.com/ch/en/users/content-hub/page-components.html "Page components"), which hold the content you want to deliver to your site.

> [!note]
> When you configure page components, the available options vary according to the page type (*Blank page*, *Detail page*, or a page created *From template*).

> [!important]
> For performance reasons, we recommend that the number of page components per page be kept below 200 and that you use [tabs](https://doc.sitecore.com/ch/en/users/content-hub/organize-components-on-a-page.html "Organize components on a page") so that data is loaded when a tab is selected and not all at once. Remove unused components.

## Add a page component

To add a page component:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Pages**.
3. In the left pane, select the page to which you want to add a page component.
4. In the right pane, click the **Layout** tab.
5. In the zone where you want to add a page component, click :mdiPlus:.
6. In the **Add component** dialog, select the component you want to add and then click **Add**.
7. In the **Component settings** dialog, enter a title for the page component.
8. Turn on the **Visible** switch if you want the component to be displayed on the page.
9. From the **UI visibility** drop-down list, select whether the component is visible on the interface always, only in edit mode, or only in read mode.
10. Click **Add**.
11. To move a component to a new location, click the :mdiDrag: icon and drag the component to a new location.

> [!tip]
> You can also create a component by duplicating an existing one. To do this, next to the component, click **More options** :mdiDotsHorizontal: > **Duplicate**.

## Modify a page component

To modify a page component:

1. On the **Pages** page, in the left pane, select the page you want to modify.
2. On the **Layout** tab, next to the component that you want to modify, click **More options** :mdiDotsHorizontal: and then click **Settings**.
3. In the **Settings** dialog, in the **Title** field, enter a title.
4. To make the component visible, turn the **Visible** switch to *On*.
5. To nest the component inside another component, turn the **Nested** switch to *On*.
6. Select a container for the new component from the **Container** list (**None** or **Panel**).
7. If you selected **Panel** in the previous step, turn any of the following switches to *On*:
    - **Show panel title**
    - **Collapsible**
    - **Collapsed by default**
8. Click **Save**.

## Delete a page component

To delete a page component:

1. On the **Pages** page, in the left pane, select the page you want to modify.
2. On the **Layout** tab, next to the component that you want to delete, click **More options** :mdiDotsHorizontal: and then click **Remove**.
3. In the deletion confirmation dialog, click **OK** to remove the component.