How to edit and customize a clickthrough demos
X Click here to view all steps
Don't show me again
0/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

1

1/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Edit the hotspot

Users click on the hotspots to navigate through the clickthrough steps. The hotspots are automatically added. We can easily edit the postion, size and color.

2/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image
1

We can easily "click and drag" to redraw and resize the hotpspot.

Hotspot dialog box

We can also add additional text in the description field to  help users follow the clickthrough demo better.

3/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Add one or more hoverspots

Hoverspots help add more detailed descriptions on specific areas on the screen. They are hard to miss and help improve user engagement. 

4/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Hoverspot dialog box

5/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Add an intro

Click on the "Add intro" button to add a intro "pop-up" to your clickthrough demo.

6/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Save intro

7/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Add Call To Action

8/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Add Call to Action

9/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Add more screenshot images to existing walkthrough demo

Missed a step during the recording? No problem. You can easily add one or more screenshots/images to existing clickthrough demo.

10/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image

Upload a new screenshot image

11/11
Prev
Next
Steps
  • Edit the hotspot
  • Hotspot dialog box
  • Add one or more hoverspots
  • Hoverspot dialog box
  • Add an intro
  • Save intro
  • Add Call To Action
  • Add Call to Action
  • Add more screenshot images to existing walkthrough demo
  • Upload a new screenshot image