Adding and removing site components | Doghouse SaaS Knowledge Base     [Skip to content](#main)  [ ![Doghouse SaaS Knowledge Base](/storage/branding/01M3N8PQ7PSDNQBBKKJM6XGW03.svg) ](https://nginx.deploy-lagoon-production.districtcms-docs.dh1.amazee.io)  [Product documentation](/articles) [Roadmap](/roadmap)   Toggle navigation      

  [Product documentation](/articles) [Roadmap](/roadmap)  

  1. [Home](/) ›
2. [Product documentation](/articles) ›
3. [Page building &amp; display](/articles?category=6) ›
4. Adding and removing site components

 Adding and removing site components
===================================

Updated 6 days ago · 2 min read

 Search     Search  

Overview
--------

Articles and landing pages are assembled from components, each one a self-contained piece of the page, stacked in the order a visitor reads them. Building a page is mostly a matter of adding the right components and putting them in the right order.

Components belong to the page that holds them. There is no shared library, so adding one here adds it here only, and removing one never affects another page.

Nothing you do in the Components area is final until you press **Save** on the page. See [**Site components overview**](/articles/site-components-overview) for what each component is.

---

Adding a component
------------------

1. Open the article or landing page for editing and stay on the **Content** tab.
2. Below the list of components, press the arrow beside the **Add Accordion** button. The full list of components opens.
3. Choose the one you want, for example **Add Text**. Press **Add Accordion** itself only if you want an accordion.
4. The new component opens at the bottom of the list, ready to fill in.
5. Press **Save** on the page when you are done.

![A new Text component open at the bottom of the Components list, with its Label, Heading and Body fields, outlined in red.](/storage/p0Tmww5qRUP5miRxE419OCkP3W4X5ofuIlHIDu4V.png)

### Components that hold items

Some components are containers: a Card grid holds cards, an Accordion holds accordion items, Process steps hold steps. Inside each one there is its own **Add** button for those items, such as **Add Card**, and each item can be edited, duplicated, removed and reordered in the same way as a component.

---

Editing a component
-------------------

Saved components show as a one-line summary, so a long page stays easy to scan. Press **Edit** on a row to open it, or **Edit all** at the top of the list to open every component at once.

![The Components list on the homepage form, with each component shown as a summary and the Edit button on the first row outlined in red.](/storage/R6DcZm2HtXcm6r9CXa0ZEIal7V06SylJm5tZFNCC.png)

---

Removing or duplicating a component
-----------------------------------

Each row has an actions button (⋮) beside **Edit**. It opens two choices:

- **Remove** takes the component out straight away. There is no confirmation prompt.
- **Duplicate** adds an identical copy, ready to edit.

![The actions menu open on a component row, offering Remove and Duplicate, outlined in red.](/storage/TPo3wgVficSTZEd7Ov1pjj0wdmOOQfmx8aNrRelD.png)

> **💡 Note:** There is no switch to hide one component while leaving the rest of the page visible. Removing it is the only way to take it off the page; unpublishing hides the whole page, not one component within it.

> **⚠️ Important:** Removing a component is not permanent until you press **Save**. Leave the form without saving and nothing changes. If you have already saved and want it back, restore an earlier version of the page rather than rebuilding the component. See [**Reviewing and restoring previous versions**](/articles/reviewing-and-restoring-previous-versions).

  Related articles 
------------------

- [ Reviewing and restoring previous versions → ](/articles/reviewing-and-restoring-previous-versions)
- [ Site components overview → ](/articles/site-components-overview)
- [ Reordering and nesting site components → ](/articles/reorder-page-components-with-drag-and-drop)
- [ Creating content and choosing the right content type → ](/articles/creating-content-and-choosing-the-right-content-type)

 Was this article helpful?
-------------------------

Your feedback helps us prioritise what to rewrite.

      Yes     No  

 [    Back to Page building &amp; display ](/articles?category=6) 

 On this page 

**Need additional help?** 
Submit a support request through the [**support portal** ](https://doghouse.atlassian.net/servicedesk/customer/portals)or email 

 © 2026 [Doghouse SaaS](https://doghouse.agency) [Glossary](/articles/glossary)
