Editing Demo Steps

Once you capture a demo, you can tweak and edit it as much as you like. We built HowdyGo to make it easy to edit demos post recording, so you only ever need to record once.

Editing an Annotation

You can easily edit an annotation to more clearly call out specific parts of your interface.

Inserting chapters into your demo

Chapters are a great way to break up a long demo into discrete sections that can help your audience navigate key parts of your demo.

Deleting Steps

To delete a step, just click the trash icon on the step’s thumbnail. If you have a few steps to delete, you can also use the delete or backspace keys on your keybard to make things a bit easier.

Reordering Steps

To reorder a step, simply drag and drop its thumbnail to a new position in the demo.

Inserting New Steps

There are 3 main ways in which you can add steps to a demo:

1. Duplicating an existing step: This allows you to fully duplicate a step including the annotation’s text.
2. Inserting a step from current demo: This lets you insert any step that was originally recorded in the demo including any steps you may have previously deleted.
3. Inserting new steps into the demo: This will let you use the Chrome extension to capture a brand new demo flow that will be appended to the end of the chosen demo.

Changing scroll positions in the captured UI

The scroll position of all elements within the captured UI is automatically saved whenever the annotation is moved or resized on your screen. This means you should never really need to explicitly save it.

If for some reason you do need to explicitly change the scroll position of an element, simply scroll it to where you want it to be and then move the annotation slightly so that it saves the new scroll positions.