Click the start button to start recording

Creating a clickthrough demo begins with recording a process . The chrome extention automatically tracks all the clicks and converts them into a step-by-step clickthrough demo.

Stop recording

Once you have compelted all the steps, click the recorder icon to stop the recording.

Continue to customize the walkthrough

We will continue to customize the recorded clickthrough demo in the design editor next.


The screen titles (annotations) are automatically added.


The hotspots are automatically placed. We can easily edit the position, size and color.

The clickthrough demo creation is completed

Here we notice the individual steps were automatically created from the screen recording. The hotspot is automatically placed where and the "action annotation - aka click on 17%" was automatically added.

Thank you!