Edit HTML

Overview

Supademo enables you to modify HTML-based demos without coding expertise. The platform creates pixel-perfect replicas of product interfaces that can be personalized directly.

Core Features

Text Editing

Modify text elements by selecting content and adjusting styling, fonts, and colors. Use Find and Replace to update text across multiple slides simultaneously.

Find & Replace

Anonymize Emails

Typewriter Animation & Required Input Rules

Image Management

Replace any image within demos—particularly useful for adding client or prospect logos. Changes can apply globally or to specific steps only.

Content Protection

Two options: Hide elements completely to reduce distractions, or Redact sections while maintaining layout integrity.

Dynamic Variables

Insert tokens like {{role}}, {{name}}, or {{company}} for personalization through custom URLs, URL parameters, or direct data inputs.

Visual Customization

Dynamically swap logos and screenshots using links or UTM parameters, enabling single templates to deliver hundreds of personalized experiences.

Scroll Control

Use "Disable Scroll" to create locked-in, guided demo experiences by preventing viewer navigation on specific pages.

Workflow

• Enable Edit HTML mode

• Hover and select target element

• Modify content or styling

• Choose scope (all steps or current)

• Save changes