> For the complete documentation index, see [llms.txt](https://docs.cloudio.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudio.io/creating-pages/working-with-pages/working-data-stores/adding-a-data-store-to-a-page.md).

# Adding a data store to a page

1. Open an existing page and in the menu bar, click ![](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2F-M1ZnF9rJPGTPChONAbC%2F-M1ZnveWF10Jya8eJpK3%2FEnable%20Developer%20mode.png?alt=media\&token=585a566e-e0e6-41de-a9c5-dd03d682dae5) . The developer mode is enabled and the **Page Tree** is displayed.

![](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2F-M1ZnF9rJPGTPChONAbC%2F-M1Zo4pQ9n9yShF05XTw%2FPage%20in%20preview%20mode.png?alt=media\&token=41a3c3b3-0202-4153-a1dc-8cf50bac1553)

![](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2F-M1ZnF9rJPGTPChONAbC%2F-M1ZoBDbSMbNsmmfHVb0%2FPage%20in%20Developer%20Mode.png?alt=media\&token=53e4bffe-1042-45f3-9d8a-fff946a0b3c8)

 2\. Right-click the page name and from the component list, select **Data Store**. The data store component is added to the page.

![](https://1117313960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzMJAXNyRSI4WE3Jt4z%2F-M1ZnF9rJPGTPChONAbC%2F-M1ZoU0-_vBYo6I_Bgit%2FData%20store%20added.png?alt=media\&token=b001f447-1b3d-42d1-bdf2-8a0a80d2a9c0)