Interactively Documentation
  • Getting started
    • Introduction
    • Quick Start
    • Install the Chrome Extension
  • Build
    • Record
    • Edit
      • Edit Video Steps
      • Edit Image Steps
      • Upload Media
      • Hotspots & Callouts
      • Pan and Zoom
      • Recording
      • AI Voiceover
      • Translate
    • Design
    • Personalization
    • Conditional Branching
    • Chapter
      • Form
      • Embed
    • Settings
    • Comments
  • Share
    • Website Embed
    • Share Link
    • Export as Video/GIF
  • Track & Analyze
    • Demo Performance Analytics
    • Advanced Demo Analytics
    • Visitors
    • Account-Based Engagement
    • Form Submissions
    • Track Link Activity
    • Identity Resolution
    • Advanced Enrichment
  • Admin
    • Managing Demos
    • Team Management
    • Notifications
    • General Security and Privacy
    • GDPR Compliance
    • Billing and Subscription
    • Plans
Powered by GitBook
On this page
  • How do I add pan and zoom to my Interactively demo?
  • Adjust the easing and delay
  1. Build
  2. Edit

Pan and Zoom

Direct your audience’s focus to specific parts of your product.

Pan and Zoom is available on our Pro, Growth, and Enterprise plans.

How do I add pan and zoom to my Interactively demo?

To add Pan and Zoom to your demo, in Edit, click Pan and zoom in the toolbar and the editor will center a zoom around your hotspot. You can then reposition your zoom and resize your zoom area.

Pan and Zoom can be applied to both image and video steps.

Adjust the easing and delay

In the Zoom and pan settings you can adjust the easing and delay for a smoother transition.

  • Easing: Adjust how smoothly the zoom and pan motion speeds up or slows down. Choose from three options—Quick, Slow, or Gentle.

  • Delay: Adjust the delay before the zoom or pan effect starts when a step appears. You can set the delay to 0s, 0.5s, 1s, 1.5s, 2s, 2.5s, or 3s.

PreviousHotspots & CalloutsNextRecording

Last updated 3 months ago