---
title: Images and videos
slug: docs/images-and-videos
description: Learn the step-by-step process of seamlessly adding images and videos to your document with this comprehensive guide. Discover the multiple methods at your disposal – drag and drop, using commands, or simply pasting a link – and effortlessly enhance your 
docTags: 
createdAt: 2020-03-10T11:33:09.000Z
---

You can add an image by a simple drag-and-drop from your computer (jpg, png, gif) or by typing `/` and clicking on **Image**, where you can paste a link or insert from a local document.

Insert a video (YouTube, Vimeo) by typing `/` and clicking on **Youtube or Vimeo**.

You can also type `(image)` or `(video)` in the editor, for the same results.



![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/SLo0EWugNpGjxLvYL0nTa_media-light.png "Adding images/videos")

***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** Find other blocks**

Discover new ways and blocks to create stunning and functional documentation pages.

[Check out all blocks](docId:6B0VTQTVUnMP93e-SZQ2p) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  Need help?  ⬇️**

Use the **blue** **chat bubble **from bottom right corner.

Or try **AI Chat** (from search box) for quick answers.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   Your opinion matters**

Use the below feedback form, anonymously.

Or ask a question in **Q\&A section** and our team or AI will give you a solution.
:::
::::