> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use Components?

# Getting Started

This article will guide you through how you add saved collections, symbols, and pre-built sections.

---

# Add components from the side nav

- To add components to a site, click the “**components**” icon from the left panel of the site dashboard.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_htooqo.png)

- A modal will then open with these three options which can be drag and drop onto your site.:
    1. **Saved**: All saved collections are stored here. 
    2. **Symbols**: All saved symbols for your site are stored here.
    3. **Library**: Prebuilt section templates are stored in this tab.


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_gcs85e.png)

---

# How to Drag & Drop Components?

Navigate to the specific tab (Saved, Symbols, or Library) that contains the component you want to drag. Expand the desired section and drag it to your site.

**Refer to the video below to see how it works:**

${youtube}[How to Drag & Drop Components?](cpIStKX0Edg)

---

## Related articles

[How to add an Element to a site?](/en/article/how-to-add-an-element-to-a-site-1mkvn0n/)

[How to update Social Media meta?](/en/article/how-to-update-social-media-meta-rlgudo/)