---
title: "Recording interactive demo"
slug: "recording-interactive-demo"
description: "Capture your screen with Document360's interactive demo recorder for engaging, hands-on tutorials. Enhance your articles with guided demos today!"
updated: 2026-06-02T03:23:17Z
published: 2026-06-02T03:23:17Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recording interactive demo

Document360's built-in interactive demo recorder lets you capture your screen directly from the **Editor**. Readers can then click through the recorded demo in a guided, hands-on environment instead of reading static instructions.

---

## Before you begin

The interactive demo requires the Document360 Interactive Demo browser extension, supported only in Chrome. The extension only needs to be installed once.

---

## Setting up the recorder

To access the Interactive demo,

1. Navigate to the desired article in the Advanced WYSIWYG editor.
2. Type the **Slash command** `/Interactive demo` and press **Enter**.
3. If the Document360 Interactive demo extension is not installed, click **Install**.
4. In the **Chrome web store**, click **Add to Chrome**.
5. Once installed, return to the **Knowledge base portal**.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Interactive%20demo%20-%201st.gif)

---

## Recording the screen

The **Interactive demo** dialog will appear.

1. From the audio dropdown, select the desired option or select **No audio** to record without sound.
2. Click **Next**.
3. Select the screen to capture:
  - **Chrome tab**: Records only the selected Chrome tab.
  - **Window**: Records only the selected application window.
4. Click **Share**.  

The selected screen will appear along with the **Screen recording** panel.
5. Choose the recommended resolution (16:9 or 4:3).
6. Optionally, before starting:
  - Click **Add** in the **Blur selected** section to hide sensitive areas of the screen.
  - Enable **Show recording controls on screen** if needed — a Document360 logo appears at the bottom left; clicking it pauses the recording. This logo will also be visible in the recorded interactive demo.
7. Click **Start capturing** to begin recording.
8. Click **Discard** to cancel and return to the previous screen.
9. Click **Pause** to pause the recording and **Record** to resume.
10. To stop recording, click **Stop sharing** in the floating panel or **Stop recording** in the **Screen recording** panel.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Interactive%20demo%20-%202nd.gif)

Mouse clicks and interactions will be captured, and click indicators will be displayed for easier guide editing.

After recording, the system will import the interactive demo into the article. This may take a few moments. Once ready, it opens automatically in the Interactive demo editor.

---

## Best practices

- **Plan the flow before recording** - map out each click and screen beforehand to avoid retakes.
- **Use blur before recording** for known sensitive areas. It's faster than adding it in the editor later.
- **Keep demos focused** - a short, task-specific demo is easier to follow than a long walkthrough.
- **Record in a quiet environment** if using audio, background noise carries through to the demo.
- **Choose 16:9** resolution for articles viewed primarily on desktop.

---

## What's next

Once your demo is recorded, you can enhance it before publishing - see [Editing an interactive demo](/help/docs/edit-an-interactive-demo) to add hotspots, blur, text overlays, and voiceovers.