---
title: "Advanced elements"
slug: "advanced-elements"
description: "Transform your projects with advanced elements like annotations, media, and engagement tools for a polished, interactive experience."
updated: 2026-10-26T07:52:42Z
published: 2026-10-26T07:52:42Z
canonical: "docs.document360.com/advanced-elements"
---

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

# Advanced elements

Advanced elements are layered additions that you can place on any step in your project. They give you precise control over what viewers see, hear, and interact with, letting you transform a basic screen recording into a polished, guided experience.

Advanced elements are organized into four categories:

- **Annotation**: Add visual markers and text to explain or emphasize content on screen. Includes Blur, Spotlight, Text, Highlight, and Image.
- **Media**: Enrich your steps with audio and video layers. Includes Music, Voice, and Camera.
- **Editing**: Refine the visual boundaries of your steps. Includes Crop and Trim.
- **Engagement**: Prompt viewers to take action or explore further. Includes Hotspot and Call to Action.

Each element can be independently configured with its own position, timing, animation, and styling - giving you full creative control over how and when it appears on screen.

---

## Advanced elements at a glance

Select an element below to learn how to configure and use it in step by step guide, explainer video, interactive video.

---

### Annotation

  
    
      Blur
    
    Conceal sensitive or irrelevant areas of the screen to protect private information.
    [Learn more →](https://docs.document360.com/docs/blur)
  
  
    
      Spotlight
    
    Highlight a specific area of the screen to draw the viewer's focus to key content.
    [Learn more →](https://docs.document360.com/docs/spotlight)
  
  
    
      Text
    
    Add a text annotation with custom formatting, styling, and animation options.
    [Learn more →](https://docs.document360.com/docs/text)
  
  
    
      Highlight
    
    Emphasize a region of the screen with a color overlay to mark important areas.
    [Learn more →](https://docs.document360.com/docs/highlight)
  
  
    
      Image
    
    Overlay an image onto the step canvas to provide additional visual context.
    [Learn more →](https://docs.document360.com/docs/advanced-mages)
  

---

### Media

  
    
      Music
    
    Add background music to set the tone and play throughout the step.
    [Learn more →](https://docs.document360.com/docs/music)
  
  
    
      Voice
    
    Attach a voice narration to guide viewers through the step with audio commentary.
    [Learn more →](https://docs.document360.com/docs/voice)
  
  
    
      Camera
    
    Insert a webcam or camera feed overlay to add a personal, presenter-style touch.
    [Learn more →](https://docs.document360.com/docs/camera)
  

---

### Editing

  
    
      Crop
    
    Trim the visible area of the step to focus on a defined region of the screen.
    [Learn more →](https://docs.document360.com/docs/crop)
  
  
    
      Trim
    
    Remove unwanted sections from the beginning or end of a step for a cleaner flow.
    [Learn more →](https://docs.document360.com/docs/trim)
  

---

### Engagement

  
    
      Hotspot
    
    Create a clickable zone that triggers an action or reveals a tooltip on interaction.
    [Learn more →](https://docs.document360.com/docs/hotspots)
  
  
    
      Call to Action
    
    Add a button or prompt that directs viewers to a URL or the next step.
    [Learn more →](https://docs.document360.com/docs/call-to-action)