> For the complete documentation index, see [llms.txt](https://docs.varbase.vardot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.varbase.vardot.com/10.0.x/content-designers/media-management/uploading-media-files.md).

# Uploading Media Files

## Media in Drupal:

Drupal Media fields are different, you can easily add images, Gallery, video, files, and other several types.\
\
You can add **Media** from several places in your website:

### 1. Media node page

1. Select **Media** from the **Manage** administrative menu**.**
2. Select **Add media***.*
3. Select type of the Media that you need to add.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FKJLCWG4TIjoJWMwEnP3t%2Fimage.png?alt=media&amp;token=f1b6e17a-6053-487d-8cc3-dd90ba9f4c51" alt=""><figcaption><p>Add New Media as a Node Item</p></figcaption></figure>

### 2. Media field

You can add **Media** from the Manage administrative menu.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2Fl3OfpI7gQdnbSrNurddI%2Fimage.png?alt=media&amp;token=da769750-ae4a-4795-948f-51cb37120038" alt=""><figcaption><p>Add media from the Manage Administrative Menu</p></figcaption></figure>

### 3. WYSIWYG

Any time you can add media in the WYSIWYG in Rich text editor.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FiXfQRXs70JVBTWNVHs7p%2Fimage.png?alt=media&amp;token=1df46b18-cfed-427a-93eb-1c7ffd9ed444" alt=""><figcaption><p>Add Media in the WYSIWYG</p></figcaption></figure>

### 4. Blocks

You can upload media directly from the blocks that require adding media in the layout builder:

1. Open the layout builder.
2. **Add** a block that requires media <mark style="background-color:red;">\[ex: Media (image/video)].</mark>
3. Click on **Add Media** button.
4. Click on **Select files** button.
5. Select the media from your device.
6. **Save** the media in the media library.
7. **Save** the block.

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2F1nVcyutHqiiE3anqx4fe%2Fimage.png?alt=media&amp;token=dd1de2ac-3c94-48de-b27f-bd1b58cc8735" alt=""><figcaption><p>Adding Block from the Media Library</p></figcaption></figure>

<figure><img src="https://1551857219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8dBDWQAT3IcHFm6Y1A3%2Fuploads%2FkxEHPVBl9WTuLRBkIlDm%2Fimage.png?alt=media&amp;token=31357f34-b855-48f9-a291-b41c789ccd02" alt=""><figcaption><p>Add Media Window</p></figcaption></figure>

{% hint style="info" %}
**Note:** You can edit or delete any *Media* file from the Media library page.
{% endhint %}

## In this section:

1. [Image](/10.0.x/content-designers/media-management/uploading-media-files/image.md)
2. [Remote video](/10.0.x/content-designers/media-management/uploading-media-files/remote-video.md)
3. [Video](/10.0.x/content-designers/media-management/uploading-media-files/video.md)