---
title: "Add a video overlay"
slug: "/help/demos/edit/guides/video-overlay"
last_updated: "2025-06-12T13:22:27Z"
zendesk_id: 39967749705107
zendesk_url: "https://help.walnut.io/hc/en-us/articles/39967749705107-Video-Overlay"
locale: "en-us"
category: "Explore Walnut "
section: "Glow Up Your Demos ✨"
product: "demos"
topic: "edit/guides"
displayed_sidebar: "demosSidebar"
sidebar_position: 21
tags: ["video","guides","guided demos","guide steps","video overlay","media"]
---

## **About This Feature**

The **Video Overlay** feature adds a personal video layer to **guide steps** in **guided demos**, allowing creators to appear on-screen as they walk through their product. **Video Overlay** brings a more human, dynamic element to demos — boosting engagement, enhancing storytelling, and helping build stronger connections with your audience.

### **Snapshot 📸**

-   **Feature Status:** Add-On Feature
-   **Role Access:** Admins, Editors
-   **Location:** Walnut Editor

### **Key Features**

-   Add a personal touch by embedding video bubbles onto **guide steps** in **guided demos**.
-   Attach **video recordings** to individual annotations for clear, contextual explanations.
-   Seamlessly record demos step-by-step using the **Record Next Step** workflow.
-   Choose how users experience the flow with **autoplay** options: step-by-step or continuous playback.

## **Quick Start Guide**

1.  Click on a **guide step** in the **Guides** panel on the right side of the **Walnut Editor** to activate the **step editor toolbar**.  
    ![Guide step selected in the Walnut Editor showing the toolbar](pathname:///images/140bdd539c987736.png)
2.  Click the **video camera icon** in the **step editor toolbar** and select **Add video clip to this step.**  
    ![Step editor toolbar with Add Video Clip to This Step option highlighted](pathname:///images/61757b2d543982a2.png)
3.  When prompted, allow the browser to access your **camera** and **microphone**.  
    ![Browser permission pop-up requesting access to camera and microphone](pathname:///images/6fe393dc4b127302.png)
4.  A **video bubble preview** and **recording toolbar** will appear in the **Walnut Editor**. Click **Let's Go!** or **Start Recording** to begin recording a **video overlay** for your selected guide step.  
    ![Video bubble preview and recording toolbar displayed in the Walnut Editor](pathname:///images/813efa993bc12721.png)
5.  Click **Pause** during recording or **Stop Recording** when finished.  
    ![Recording toolbar showing Pause and Stop buttons during video overlay capture](pathname:///images/975f3d40663fb12b.png)
6.  Use the **video overlay editor toolbar** to preview, resize, reposition, remove, or re-record your video. Click **Done** to save and attach the video to the selected step.  
    ![Video overlay editor toolbar with options to preview, resize, remove, or save recording](pathname:///images/6a22ac3961191d5f.png)
7.  To make changes to an existing recording, click a guide step in the **Guides** panel and click the **video camera icon** in the **guide step editor**.  
    ![Existing guide step with video recording selected for editing or repositioning](pathname:///images/f97adf8b58f9b566.png)

---

## **FAQs**

**Can I move a video overlay to a different guide step?**

-   Not at this time. Video overlays are fixed to the guide step they were recorded on and cannot be moved to another step.

**Can I import pre-recorded video files into the Video Overlay feature?**

-   No. Video files cannot be imported. All video overlays must be recorded directly within the Walnut Editor.

**Can I use video overlays in non-guided demos?**

-   No. Video overlays are only supported in guided demos that include guide steps. They cannot be added to non-guided demos.

**Do video overlays need to be attached to guide steps?**

-   Yes. Every video overlay must be linked to a specific guide step in the demo.