How to Capture Screens

Effortlessly kickstart your journey with our beginner-friendly guides!

Let’s look at how you can capture your product screens using 2.0 extension, and the different capture methods available.

Step 1:

Open the Demoboost 2.0 Capture extension once you've installed it from the Chrome store.

Note how its icon differs from the old capture extension.

‍

Step 2:

Start typing in the name of your existing demo. Only the demos created with the new 2.0 product version. If you want to start from scratch, choose to ‘Create new demo.’

‍

Step 3:

Save the new demo if you’ve created one. Choosing the demo only needs to happen once per session. Once chosen, start capturing screens. Click on ‘Open capturing menu.’

‍

Step 4:

This is your capture toolbar, available with all capturing options. You can drag the toolbar across the screen where you see fit.

‍

Step 5:

The traditional single capture demo captures one screen at a time. Click on the camera-like button to start your single capture. Once single capture is done, you’ll see a green status update bar. 

‍

Step 6:

You can also see the captured screens by expanding the ‘Capture toolbar.’ This way, you can check the screens without opening the editor. Note that the screens get their names pulled from the page automatically. You're also free to delete the screens on the go.

‍

Step 7:

The capture toolbar also allows you to change the demo where you're sending your captured screens. You can always switch to another demo you choose from the drop-down without having to reopen the extension for every change.

‍

Step 8:

The remaining button allows you to open the Demoboost editor in a new tab (in this case on Tours 2.0 specifically) to continue your work on the screens after the capture is done.

Now let's look at other capture methods. 

‍

Step 9:

Let's move on to Multicapture. This feature allows you to capture multiple screens in a row, as the extension follows your click path naturally. You don't have to specify the demo target, name, or the capture start for every single screen.

To do this, you'll see two buttons. The multi-capture button (the video camera icon) is what you use to begin. It follows you and automatically captures every new page you load until you tell it to stop. This is perfect for capturing an entire workflow. The single-capture button (the photo camera icon) is designed for a specific purpose. It's for when you're in the middle of a workflow and need to stop, go to a different page, and capture just that one screen.

‍

Step 10:

Lastly, there’s the 5-second timed capture. It means the extension will do the capturing 5 seconds after you hit 'capture’, like a timer on your camera.

It's useful for capturing elements that get closed after you stop pointing your cursor over them, e.g., disappearing drop-downs, popups, etc.

Just click on the purple button to start the timer, and wait for capture.

‍

Step 11: ‍

Close the toolbar to get back. And click the ‘Quit’ button when you're done with capturing screens. This will make the extension disappear from the screen so you can continue your work elsewhere.