# Full web page screenshot

<div data-with-frame="true"><figure><img src="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FnPiJFu5wQvQJ3c9uhVoq%2FProduct-Features-Full.png?alt=media&#x26;token=5e3c3175-dd38-4a18-82bd-a857349217d9" alt="" width="563"><figcaption><p>BetterBugs.io Screenshot Mode: Full Web Page Scrollable Screenshot</p></figcaption></figure></div>

{% stepper %}
{% step %}

#### Get Started&#x20;

Open the extension from your browser.
{% endstep %}

{% step %}

#### Select the Screenshot Mode

Click the dropdown for "**Capture Screenshot**" option, click "**Full**".
{% endstep %}
{% endstepper %}

You're good to go. The entire web page is captured instantly. You can add details to the screenshot and [annotate](https://docs.betterbugs.io/product-features/screen-capturing/annotation) it wherever required.&#x20;

{% hint style="success" %}
The complete web page can be scrolled through (from top to bottom) since the full page layout gets captured.
{% endhint %}

Once you're good with filling in the details, you can upload the report to your BetterBugs.io account using the "**Create Session**" button at the top right. Use the report link to instantly share it with others.&#x20;

With every bug report, BetterBugs.io auto-attaches [technical details](https://docs.betterbugs.io/product-features/developer-tools), such as:&#x20;

* System info
* Console logs
* Network requests
* Backend (event logs from Sentry)
* Steps (Page navigation steps)
* Metadata (Custom)
* Application Local State

{% hint style="info" %}
You can use the "**Download**" icon to instantly download it on your device.
{% endhint %}

You can also send the complete bug report to your integrated [project management tools and issue trackers](https://docs.betterbugs.io/product-features/integrations).&#x20;