docs/help/contents/web-clipper/clipping-your-first-web-page-with-web-clipper.md
Before you can clip pages, you must connect the web clipper with the Notesnook web app. The web clipper works completely offline and relies on the web app to sync & save your clips.
Activate the web clipper by clicking on the Notesnook icon in your browser toolbar
::: info Pin the Notesnook Web Clipper to toolbar
Modern browsers group all extensions under their Extensions dropdown by default. It is recommended that you Pin to toolbar the Notesnook Web Clipper.
:::tabs == Chrome == Firefox
:::
Click Connect with Notesnook
Notesnook web app will open in a new tab in the background. Wait a few seconds and the web clipper should automatically connect.
::: details What to do if the web clipper doesn't connect? There are a few things you can do to troubleshoot:
:::
The web clipper provides a few options to help you clip exactly the part of the page you need:
The Full page mode clips the web page from top to bottom including every possible detail. This mode is also the largest in size & consequently takes longer to clip.
The Article mode is best for blogs & articles on the web because it tries to finds the "content" part of the page using a couple of heuristics. It works similar to Firefox's Reader Mode.
The Visible area mode clips only the nodes that fit in the viewport. Any nodes that are partially in the viewport are also included.
The Selected nodes mode allows you to select exactly which nodes you want to clip:
Selected nodes mode from the Notesnook Web Clipper::: 4. Clicking again on the selected nodes will deselect them. 5. Once you are done, click the Clip button 6. Activate the Notesnook Web Clipper and save your clip.
The clipping mode controls how the final clip should look.
Bookmark mode saves only the URL of the page along with the title. It is best suited to save pages for later reading/reference.
Simplified mode doesn't include any styles. It is best suited for long-form content such as articles & blogs. All clips in Simplified mode are saved directly as is i.e. they do not appear as web clip embeds in the Notesnook editor.
::: info Requires a signed-in account
Screenshot and Complete with styles are offered only while you are logged in to the Notesnook web app. Clip while signed out and the clipper falls back to Simplified. Both modes use some of your monthly attachment storage for every page you clip.
:::
Screenshot mode includes all the styles + images but the final result is saved as an image i.e. it is non-interactive.
Complete with styles mode saves all images, styles & everything on the page to retain the maximum amount of information. The final result appears as an embed in the Notesnook editor which is fully interactive.
The Notesnook Web Clipper offers 3 easy ways to organize your web clips (all of which are completely optional):
You can choose to append your web clip to an existing note and it'll be automatically added at the bottom of that note:
Select a note to append to{{save}} button to save & sync your web clip.