---
title: "Restructure components in the Experience Editor"
slug: "restructure-components-in-the-experience-editor"
abstract: "Change the organization of components in the toolbox."
---
# Restructure components in the Experience Editor

To make it easier to construct your page, from the toolbox, you can drag and drop reusable components onto your page. The toolbox organizes all components in categories, such as Media, Page content, Page structure, and Navigation.  

When creating a new site, you can determine which components will be available for that site.

![In the module section you can select the components for your site.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/sxa/105/sitecore-experience-accelerator/images/headless-site-create-site-dialog.png)

You can change the structure of the components within the toolbox. This may be convenient when you want to move a component category that you use often to the top of the list or if you want to change the order of the components within the category.

<details>
<summary><h2>Change the order of component categories</h2></summary>

To change the order of appearance of component categories in the Toolbox:

1. Navigate to `sitecore/Content/<site collection>/<site>/Presentation`, and in the **Available Renderings** item reorganize the component categories. For example, move the Page Content and Page Structure categories to the top of the list.
2. In the **Data** section, select the **Group renderings in sections according to Available Renderings items in the site**.
3. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

</details>

<details>
<summary><h2>Change the order of components within a category</h2></summary>

To change the order of the components within a category:

1. Navigate to `sitecore/Content/<site collection>/<site>/Presentation/Available Renderings` and click the category that you want to change the structure for. 
2. In the **Data** section, in the **Renderings** field click **Edit**.

    :::lettered
    1. In the **Select items** dialog box, in the **Selected** field change the order of the components by using the arrows. For example, for the **Page Content** category, move the **Rich Text** component to the top.

        ![Change the component order.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/sxa/105/sitecore-experience-accelerator/images/headless-site-reorder-renderings.png)
    :::

3. Save the changes. In the Experience Editor, the structure of the toolbox will be changed.

    ![Result of changing the order in the toolbox.](https://doc.sitecore.com/api/markdown-image/xp/en/developers/sxa/105/sitecore-experience-accelerator/images/headless-site-toolbox-reordered-renderings.png)

</details>

<details>
<summary><h2>Add a custom category and components</h2></summary>

To group components in a custom category and add components:

1. Navigate to `sitecore/Content/<site collection>/<site>/Presentation`, right-click  **Available Renderings**, click **Insert**, and then click **Available Renderings**.
2. Enter a name and click **OK**.
3. In the **Data** section, in the **Renderings** field click **Edit**.
4. In the **Select items** dialog box, navigate to **Layout**, **Renderings** and select the components that you want to add to your custom category.

</details>