Documentation

Appearance

Installation ​

Install the Capture bug reporting widget by adding the following code snippet to the <head> section of your page:

html
<script>
  window.captureOptions = {
    captureKey: "YOUR_CAPTURE_KEY",
  };
</script>
<script
  src="https://cdn.capture.dev/capture-js/browser/latest.js"
  async
></script>

Replace "YOUR_CAPTURE_KEY" with your actual capture key. You can find this on your team settings page.

Note: Your capture key is safe to include in client-side code - it's designed to be publicly visible.

Testing the installation ​

Once you've added the snippet, test it by opening the widget with the default keyboard shortcut:

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

If the installation is working, the Capture widget will appear on your screen. Follow the on-screen instructions to create your first bug report - it will appear in your Capture dashboard immediately.

If the widget doesn't appear, open your browser's developer tools and check the console for any error messages. You can also refer to our troubleshooting guide for common issues.

Next steps ​

By default, the widget opens with a keyboard shortcut. You can also attach Capture to a button on your page or trigger it programmatically in your code. See creating a capture for all available options.

Want to customize what information gets captured? Check out custom context to add custom context like user IDs, environment details, or other metadata specific to your application.