← Kage Lab

Learn FlowHop › Get started · Lesson 1 of 3

Record your first guide

Do the task once, the way you always do. FlowHop writes the steps and takes the screenshots for you.

FreeAbout 4 minutes

What you'll learn

A recorded guide in the FlowHop editor: one step and one screenshot per click.
A recorded guide in the FlowHop editor: one step and one screenshot per click.

Steps

  1. Pin FlowHop to your toolbar

    Click the puzzle-piece icon next to the address bar, then the pin beside FlowHop. The first time, FlowHop explains what it records and what it never does – press I agree – set up FlowHop to start.

  2. Open the page where the task starts

    Go to the web app you want to document, on the screen where the task begins – for example the dashboard of your HR or finance system.

  3. Press “Record a new guide”

    Click the FlowHop icon and press Record a new guide. Or use the shortcut Alt+Shift+R. A small Recording label appears and stays on screen while you record.

  4. Do the task as normal

    Each click, choice and typed field becomes a step with plain wording, such as “Click Save” or “Select Australia for Country”. Need to do something private for a moment? Press Pause, then Resume.

  5. Press Stop

    Press Stop on the Recording label (or Stop & edit in the FlowHop menu). Your guide opens in the editor, ready to tidy up.

Tip

Go a little slower than usual and do one thing at a time, the way you'd show a new colleague. If you take a wrong turn, keep going – you can delete extra steps afterwards.

Good to know