Visual Editor

Fine-tune your story. In minutes.

Add guided tooltips, interactive click hotspots, and text inputs directly from a simple visual canvas.

The Problem

Raw recordings are confusing without guidance. You need to highlight the main action while hiding sensitive details.

Escourtly

Escourtly provides a clean, interaction-first showcase that captures the actual HTML/CSS layer of your product. Present a realistic view-through flow that lets prospective customers interact before signing up.

Visual EditorDraft Mode

Hotspots

Add Pin
Trigger Area

Redact

Blur Text
Hide Image
▓▓ private_data ▓▓Blurred
Interactive Tooltip

Click this button to go to checkout.

1
Guided Hotspots

Add customizable click hotspots and guides

Lead your prospective buyers through the ideal workspace flow. Position click guides on buttons, tabs, or input areas with custom delay and hover animations.

  • Support for multiple styles including pulse waves and dashed highlight borders.
  • Choose click behaviors: advance on click, hover to reveal, or custom trigger.
Visual EditorDraft Mode

Hotspots

Add Pin
Trigger Area

Redact

Blur Text
Hide Image
▓▓ private_data ▓▓Blurred
Interactive Tooltip

Click this button to go to checkout.

1
Blur and Redact

Securely redact confidential data

Never worry about exposing client names, sensitive metrics, or secure tokens. Blur elements directly from the browser editor canvas before publishing.

  • Apply high-performance CSS blur filters to any target DOM element.
  • Redact details globally across all steps with a single selection.
app.escourtly.com/recording
E
CTA Button Clicked
button#submit
Captured Step 3HTML + CSS Assets: Saved
Reorder & Zoom

Reorganize your flow and zoom in on details

Reorder steps with a drag-and-drop panel. Highlight tiny elements on dense dashboards by zooming the camera focus to highlight the exact cursor position.

  • Camera zoom focusing directs immediate viewer attention.
  • Add, duplicate, or delete steps in seconds without starting over.
Player Customization
Primary Brand Color
Player Font
Outfit
Border Radius
12px (Rounded)
Live Demo PlayerStep 2 of 5
Matching Player theme colorsPlayer UI auto-matches your branding specifications
Powered by EscourtlyNext Step →
Custom Callouts

Embed captions, descriptions, and custom context

Explain what happens at each stage of the application flow. Write rich callouts that slide into view alongside the live workspace.

  • Sentence case text styling and dynamic alignment positioning.
  • Support variables to simulate personalized visitor names.
Process

How the visual canvas works

01

Record steps

Capture your product flows using our extension.

02

Annotate canvas

Add clickable hotspots, guided tooltips, and overlay descriptions.

03

Redact details

Use the blur panel to securely hide private names or client data.

Support

Frequently asked questions

Can I change tooltip styles?
How do I blur sensitive inputs?

Your product is better than your pitch.
Let people see it.