Editing Captured HTML

Open Edit UI to change the HTML captured while recording your demo. You can correct text, swap media, or hide sensitive details without recording the flow again. For personalization across many viewers, see the personalization guide or the JS SDK. To translate step content, use Howdy AI.

Use cases

Direct HTML editing helps with:

Personalizing for a prospect
Replacing placeholder text if recording a sandbox environment
Replacing number labels and callouts in charts to tell a specific story
Fixing typos in the underlying website
Anonymizing recorded user names

Editing HTML Text

Click any text in the captured interface to edit it. Use find and replace when the same value appears in several places.

Using Variables

Variables can insert text or replace images based on values passed through the demo URL. See the personalization guide for the syntax and setup.

Editing Images

Click an image to upload a replacement or use dynamic logo replacement. This works well for adding a prospect’s logo or replacing placeholder assets.

HowdyGo supports .png, .jpg, .jpeg, and .webp replacements. You can also select images drawn inside a canvas. HowdyGo shows the upload progress while it saves the new asset.

Replace captured videos

Click a captured video while Edit UI is active to replace either the video file or its poster image.

The Video tab accepts .mp4 and .webm files under 100 MB.
The Poster image tab accepts .png, .jpg, .jpeg, and .webp files.

Preview the selected file, then save it to update the demo. Use Restore if you want to return to the originally captured video or poster.

Blurring your UI

Blur an element when you need to hide sensitive information recorded in a sandbox or test environment.

When an element is blurred or hidden, HowdyGo redacts its text, including digits, so the underlying HTML cannot expose it.