HTML Editing (Post-Capture)
To learn about how to capture or record HTML-based Supademos, click here.
Since HTML-based Supademos clone the front end HTML/CSS of the product you've recorded, you can easily edit elements within your interactive demo — like text, elements, images — in just a few clicks.
Editing text elements
- To edit a text element, click "Edit HTML" from the Supademo editor.
- Hover over the text and select it to make changes directly.
- Next, type to enter or edit the displayed text, modify the text style, or add personalization variables. You can also blur or remove the section completely.
Tip: You can add personalization attributes using dynamic variables, directly inside of your HTML capture. Use tokens like {{role}}, {{name}} or {{company}} and pre-fill them with personalized links or URL parameters. Learn more here.
- Click Save changes on the top right when finished.
Tip: Use the slide switcher on the top left to quickly made edits for multiple slides. Changes you make to common components (i.e changing the logo on the header) will be reflected across all pages.
Editing images or HTML components
- To edit a image or HTML element, click "Edit HTML" from the Supademo editor.
- Hover over the and select it to make changes directly.
- For images, click Replace to change the logo, chart, or image with your own upload — like using a client or prospect's own logo.
- Otherwise, click to blur/redact sections or hide it completely.
- Click Save changes on the top right when finished.
Tip: Duplicate a Supademo to make account-specific personalization from one Supademo.