---
title: Convert a doc to a Category
slug: archbee-docs/convert-a-doc-to-a-category
description: Learn how to create document trees effortlessly with Archbee's drag-and-drop feature. Easily organize your documents as parent and child documents or convert them to categories for better grouping. Discover how to add as many child documents as you need t
docTags: 
createdAt: 2022-06-15T08:06:03.000Z
---

## How do I build a document tree?

:::::VerticalSplit{layout="right"}
::::VerticalSplitItem
It's easy-peasy! You can build document trees by a simple drag-and-drop. Click on any document, hold and move it under a different document of your choosing. 

You will see that the document you moved is now a child document, whereas the one one above is the parent doc.

With Archbee, you can create a parent doc and nest multiple documents under it.

When you use a document as a parent, we recommend that you add content. 

If you still want to group documents under Categories, **you should convert a doc to a Category** (which works like a folder - there is no content).

:::hint{type="info"}
You can add as many child documents to a parent **as you want**. 

We **don't have a limit **to the number of nested documents.
:::
::::

:::VerticalSplitItem
::Image[]{src="https://app.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/DbsUFtWJPZcFwy_I9GT0I_category-light.png" darkSrc="https://archbee-image-uploads.s3.amazonaws.com/bNBm7nPJgXjbjLyfbHNh2/qUeP-NsjyHhj88iuUCGu1_category-dark.png" size="90" width="560" height="1360" darkWidth="560" darkHeight="1360" position="center" caption="The Archbee User Guide has different sections." showCaption="true"}
:::
:::::

## How to convert a doc to a Category \[Folder]

::::WorkflowBlock
:::WorkflowBlockItem
Click the  `+` to **add** a new document 
:::

:::WorkflowBlockItem
Click on the **three-dot menu**  `⋮`  to open the Space/Document menu
:::

:::WorkflowBlockItem
Click on **Convert to a category**

![](https://app.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/dUNPQgP_EaxNQCKuQyD7w_create-light.png "Convert doc to category")
:::

:::WorkflowBlockItem
**Add a title** to your category
:::

:::WorkflowBlockItem
Use **drag & drop **to nest documents under the Category
:::
::::

:::hint{type="danger"}
**❗**

When converting a doc to a category, all of its content will be lost. 
:::

***

## Fold or expand categories/folders

When you add folders/categories to your documentation site, you may want to keep them folded or expanded, depending on your preferences or style guide you're following.

### How does this work?

By default, a folder/category is **expanded** when you preview the live page after publishing.

![](https://app.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/IEEzURPhJ6dENhRzsyrBl_editor-view-light.png "Fold on public")

![](https://app.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/XGon5GgeNRYJXrff9IhI2_docs-view-light.png "Docs site view")

**If you want to fold the folder/category, follow these steps:**

::::WorkflowBlock
:::WorkflowBlockItem
Click on the **three-dot menu **next to the folder/category name
:::

:::WorkflowBlockItem
Click **Make folded by default on public**
:::

:::WorkflowBlockItem
Publish your changes to preview the results
:::
::::

If you wish to go back to expanded view, click **Make expanded by default on public**.

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="NONE"}
**📚 BEGINNER PROGRAMMING COURSE**

Start your coding journey with our comprehensive beginner course covering HTML, CSS, and JavaScript

**What You'll Learn:**

- Web development basics

**Duration:** 8 weeks
**Level:** Beginner
**Price:** $299
:::

:::LinkArrayItem{headerType="COLOR" headerColor="#3B82F6"}
**⚡ REACT.JS MASTERY PROGRAM**

Master modern React development with hooks, context, and advanced patterns.

**Key Topics:**

- React Hooks and Context

**Duration:** 12 weeks
**Level:** Intermediate
**Price:** $599
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400&h=200&fit=crop"}
**🚀 FULL-STACK DEVELOPMENT**

Complete full-stack development program with Node.js, Express, and MongoDB.

**Comprehensive Curriculum:**

- Backend development

**Duration:** 16 weeks
**Level:** Advanced
**Price:** $1,299
:::
::::