> ## 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 add an Element to a site?

# Getting Started

This article will guide you through how you can add new elements to your sites.


---

# Add Elements from Side Nav

- Click the `+` icon from the **left panel** of your site dashboard.
    
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1k8gbr7.png)
    
    
- Choose the element type from this panel.
    
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_61a0lp.png)
    
    
- Expand any element option (General Elements, Layout, CMS Element, Airtable Elements) to choose the specific element, then drag and drop to your site’s specific portion.
    
    
    **In this GIF**, we first show all the element options, then expand the `General Elements` option and drag the `Social Icon` element to the site. ⬇️
    
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-04-at-10_hgcyu8.gif)


---

# Add element inside a container

✅ **In a empty container** click on the `+` icon labelled as `Add Element or Container` and choose your preferable element.

***Refer to the GIF below:***

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-04-at-32_1pp7pw6.gif)


✅ **To add an element near or below another element**, hover over the current element to pop up the editorial modal. From that modal, click on the `+` icon, then from the `Elements` tab choose your preferred element.


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

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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-04-at-35_1jtc0he.gif)


---

## Related articles

[Custom Code Element](/en/article/custom-code-element-1igm3qa/)