HTML editing
Easily edit and personalize HTML-based Supademos — no code required.
Last updated
Was this helpful?
Easily edit and personalize HTML-based Supademos — no code required.
Last updated
Was this helpful?
HTML-based Supademos create pixel-perfect clones of your product's front end. You can edit text, images, and components directly within your demo to create tailored, on-brand experiences for different audiences.
Edit any text element in your HTML demo - including changing font style, editing text, color, aand dding variables.
Click "Edit HTML" from the Supademo editor
Hover over the text and select it
Type to enter or edit the displayed text
Modify text style as needed
Click "Save changes" when finished
Replace or modify any image in your HTML demo.
Click "Edit HTML" from the Supademo editor
Hover over the image and select it
Click "Replace" to upload your own image—perfect for adding client or prospect logos
Click "Save changes" when finished
Protect sensitive information or focus attention:
Select any text or image element
Hide elements completely to remove distractions
Redact sections to maintain layout while protecting content
Add dynamic personalization to your demos:
Use tokens like {{role}}
, {{name}}
, or {{company}}
directly in your HTML capture. These variables can be pre-filled using:
Personalized links
URL parameters
Custom data inputs
Tip: Duplicate a Supademo to create account-specific versions from one master demo.
Check out how to edit HTML-based Hotspots
Use the functionality to streamline content updates across Supademo, enabling you to efficiently modify text or images across multiple slides without manual editing.
Learn more about dynamic variables .