Docs

Appearance

Creating a Capture ​

There are multiple ways to open the Capture widget on your website depending on what works best for your app.

1. Use a keyboard shortcut ​

The Capture widget is always accessible via a keyboard shortcut:

  • Ctrl + Alt + 1 on Windows
  • Cmd + Option + 1 on Mac

Download a reminder to share with your team

2. Custom trigger button ​

You can trigger the widget when an element on your page is clicked by using the data-capture-trigger attribute.

html
<button data-capture-trigger>Report an issue</button>

3. Via the URL ​

You can automatically open the capture widget when somebody visits your website by adding ?capture=true to the end of any URL where the Capture snippet is installed. For example:

https://example.com/dashboard?capture=true

This approach is reccomended when you would like to request a screen capture from a customer. The widget will remain visible as the user navigates your site, until it is manully closed, or they create a capture.

4. Via code ​

You can also open the widget directly in JavaScript by calling the Capture.open() function.

js
Capture.open();