# Add or Remove a Component

> Source: https://agilitycms.com/docs/editors/add-or-remove-a-component

## Adding a Component to a Page

1. Click **Pages**

2. **Select the Page** you’ll be editing or **Create a new Page** 


![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Edit Layout-02272024210701.png)

3. In the top-right of the Content Zone click **+ Add Component** 


![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Add Comp-02272024211133.png)

4. Drag and Drop the Component you’d like to add 

> **Note** — Components found within your Instance are custom components created by the Developer of your digital solution and what you see there may vary.

## Removing a Component

1. Click **Pages**

2. **Select the Page** you’ll be editing or **Create a new Page
**

3. **Hover over the Component** you’d like to delete and **click the Trash icon** that appears 

![](https://cdn.aglty.io/agility-cms-docs/images/block-editor/Refresh - Delete Comp-02272024210953.png)

4. **Confirm** you’d like to delete it by clicking **Remove Component** in the confirmation window 

**Further Reading**


- [Creating a Component with Shared Content](https://agilitycms.com/docs/editors/components-with-content-that-is-shared-across-your-site)