---
title: Doc tree - custom landing page
slug: archbee-docs/doc-tree-custom-landing-page
docTags: 
createdAt: 2025-02-12T15:16:17.000Z
---

On a custom landing page, you can build your own doc tree(left navigation).

On the `` `window` `` object of the browser, there is the `window._archbee_custom` object which contains:

```javascript
console.log(window._archbee_custom)

/**
* {
*   showSearch: () => void
*   hideSearch: () => void
*   navigationTree: PublicDocTree[]
* }
**/
```

::Image[]{src="https://app.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/O-4D_7Y13mlX06ig1hueK_image.png" size="70" width="826" height="386" position="center" showCaption="false"}

`showSearch` -> opens search modal

`hideSearch` -> closes search modal

`navigationTree` - property that holds a list of all your space documents with associated data to build your left navigation tree.

You need to retrieve the `navigationTree` from the `window._archbee_custom` object, iterate through its structure, and dynamically generate navigable HTML elements that maintain the correct order and hierarchy.

JS Script to be used in your landing page code to display the object.

```javascript
<script>
  addEventListener("load", (event) => {
    console.log('init', window._archbee_custom);
});
  </script>
```