> ## 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).

# Media Library

# Getting Started

This guide will help you start using the Media Library, where you store all your site's images and videos. Learn how to upload files or generate images with AI to easily manage and add media to your website.

---

# How to access the Media Library?

- Click on the **Media Library** icon in the left panel of the site dashboard.

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


- A modal will open, as shown below 👇🏼
    
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_11z9qfe.png)
    
    
- You will see `Images` and `Videos` tabs to browse the library-

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


---

# How to Upload Images or Videos to the Media Library?

## ⏩ Image upload:

Click the `Upload` (📤) button from the `Images` tab in the `Media Library` editor modal. *Refer to the GIFs and screenshot below to see how it works:*


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-05-at-34_criono.gif)

|| 💡 Image size should be within 6MB.


## ⏩ Video Upload:

First, navigate to the `Videos` tab in the **Media Library editor modal**, then click the `Upload` (📤) button. *Refer to the GIFs and screenshot below to see how it works:*


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-05-at-34_1ku47mv.gif)

|| 💡 Video size should be within 16MB.

---

# How to Use Images or Videos from the Media Library?

## Image

In the `Images` tab of the Media Library editor modal, hover over the image you want to use, then drag and drop it into the desired area of your site.

**Refer to the GIF below:**

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


## Video

In the `Videos` tab of the Media Library editor modal, hover over the video you want to use, then drag and drop it into the desired area of your site.

**Refer to the GIF below:**

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


---

# How to edit Media Library Item?

By clicking the **three-dot** icon that appears when hovering over a specific item (image/video), you can access editing options. An editor modal will open, providing options to **Rename**, **Copy Link**, or **Delete** the item.


![Three-Dot Icon](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_pytxn9.png)


![A Modal will open after clicking on the Icon](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1lwd8mx.png)



## ⚙️ Rename

You can rename any image or video through this.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-05-at-41_v89qin.gif)


## 🔗 Copy Link

You can copy the image or video link to reuse it in other places or share it.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-05-at-42_24lf7a.gif)



## 🗑️ Delete

You can delete any image or video from the media library through this option.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-05-at-42_1qiykin.gif)

---

---


### Related articles

[How to use Components?](/en/article/how-to-use-components-20buyl/)

[Fonts | Global Styles](/en/article/fonts-global-styles-t8mw83/)