How to Capture a Page with the WebSnips Extension

The Role of the Extension in Your Capture Workflow

The WebSnips browser extension is the primary way to add content to your library. It sits in your browser toolbar and is active whenever you're reading something you might want to save.

The extension does several things that a simple bookmarking tool doesn't: it captures the full text of the page (so you have the content even if the original page disappears), it lets you highlight specific passages before saving, it provides a space for an immediate annotation while the content is fresh, and it lets you assign the clip to a Collection and apply tags at save time.

This guide covers everything the extension can do and how to use each capability effectively.

---

Installing the Extension

Chrome/Chromium-based browsers (Chrome, Edge, Brave, Arc):

1. Visit the Chrome Web Store: search "WebSnips" or navigate to the extension's listing at chromewebstore.google.com
2. Click Add to Chrome
3. In the confirmation dialog, click Add extension
4. The WebSnips icon (the "W" mark) appears in the browser toolbar

Firefox:

1. Visit addons.mozilla.org and search "WebSnips"
2. Click Add to Firefox
3. Confirm the installation
4. The WebSnips icon appears in the Firefox toolbar

Safari (macOS):

1. Open the App Store and search "WebSnips for Safari"
2. Download the app
3. Open Safari → Settings → Extensions → enable WebSnips

Pinning the extension:

In Chrome: click the puzzle piece icon (Extensions) in the toolbar → click the pin icon next to WebSnips. The icon is now always visible.

---

The Capture Popup: What Each Field Does

When you click the WebSnips extension icon on any page, the capture popup opens. The popup has several fields:

Title: Pre-populated from the page's title tag. Edit this if the auto-populated title is unclear or too long. The title is the primary identifier of the clip in your library — make it descriptive.

Notes: Your annotation. Add your interpretation of the content, key takeaways, questions it raised, or how it relates to current work. Notes added here are saved as the clip's annotation; they appear in the clip's detail view and are searched when you search your library.

Collections: Type to search your existing Collections and add the clip to one. Or type a new Collection name to create a new Collection at save time. A clip can be in multiple Collections — type and select multiple.

Tags: Type tags to apply. Press Enter or comma after each tag to add it. Tags you've used before appear in an autocomplete dropdown; new tags can be created by typing.

Capture mode selector: Choose how much of the page to capture (see below).

Save button: Saves the clip with the current selections.

---

Capture Modes

WebSnips has three capture modes, selectable in the capture popup:

Full article capture (default):

Captures the article text of the page — the main content, cleaned of navigation, ads, headers, and other page chrome. This is the Reader View of the page, cleaned and stored.

Best for: articles, blog posts, research papers, documentation pages where you want the full text.

Technical note: Full article capture uses content extraction to identify and save the main content area. Occasionally the extraction misidentifies the main content (captures a sidebar, misses a section). If a captured article looks wrong in the library, use "Full page" mode instead.

Full page capture:

Captures the entire visible page content, including navigation elements, footers, and sidebar content. The captured content is less clean than article mode but preserves everything.

Best for: pages where the main content is a table, a list, a dashboard, or another structured format that article extraction might miss; pages where surrounding context (navigation labels, category names) is relevant.

Selection capture:

Captures only the text you've highlighted on the page before opening the extension popup. Useful when you want to save only a specific section of a long page, or when the page structure makes full capture messy.

To use selection capture:

1. Select (highlight) the text you want to save on the page
2. Click the WebSnips extension icon (or use the keyboard shortcut)
3. The capture popup opens with the selected text pre-filled; capture mode automatically selects "Selection"
4. Add notes and tags; save

---

Highlighting Passages Before Capture

The WebSnips extension supports in-page highlighting — marking specific passages on a page before saving the full clip. Highlights are saved as part of the clip and are visible in the clip detail view in your library.

Creating highlights:

1. While on a page you want to clip, select text with the cursor
2. A small WebSnips highlight popup appears near the selection
3. Click Highlight to save the highlight (you can choose a color: yellow, green, blue, or pink)
4. The selected text is highlighted on the page; the highlight is tracked

After highlighting, saving the clip:

When you click the extension icon to save the clip, the highlights you've created are included automatically. In the clip detail view in your library, highlighted passages appear with the corresponding highlight color.

Why highlight before saving:

Highlighting before saving lets you mark the 1-3 passages that matter most in a long article. When you return to the clip later, the highlights immediately draw your eye to the key content — you don't have to re-read the article to find what was important.

Highlight-only capture:

If you want to save just a highlighted passage without capturing the full article, use Selection capture: highlight the passage, then click the extension icon with "Selection" mode active. The clip contains only the highlighted text, not the full article.

---

The Right-Click Context Menu

Beyond the toolbar icon, WebSnips adds options to the browser right-click (context) menu:

Right-clicking a selected text passage:

• "Save selection to WebSnips" — captures only the selected text as a clip

Right-clicking a link:

• "Save linked page to WebSnips" — queues the linked page for capture without visiting it. The page is fetched in the background; you don't have to navigate to it.

Right-clicking anywhere on the page:

• "Save this page to WebSnips" — equivalent to clicking the toolbar icon

The "Save linked page" option is particularly useful when reading an article that links to other relevant sources: you can queue multiple linked pages for capture without losing your place in the current article.

---

What Gets Saved to Your Library

After saving a clip:

Content saved:

• The full article text (or selection, or full page, depending on capture mode)
• Your annotations from the save popup
• Your highlights and the highlighted text passages
• Tags applied at save time
• Collections assigned at save time
• The URL of the original page
• The page title (as edited in the save popup)
• The date and time of capture

What is NOT saved:

• Images and media (except as embedded references in the article text)
• Dynamic content (content loaded by JavaScript after page load may not be captured in all cases)
• Login-gated content (if the page requires a login to view, content behind the login isn't captured)
• Interactive elements (forms, embedded tools)

Offline availability:

Because the text content is saved to WebSnips' servers (or to your local library if self-hosted), clips are available offline (without the original page). If the original article is deleted or the site goes down, your clip remains in your library.

---

Save Popup Keyboard Navigation

The save popup supports keyboard navigation for faster clipping:

• Tab: Move between fields (Title → Notes → Collections → Tags → Capture mode → Save)
• Enter: In the Notes field, adds a new line; in the Tags field, confirms the current tag
• Cmd/Ctrl + Enter: Saves the clip from anywhere in the popup
• Escape: Closes the popup without saving

---

Capture Confirmation and Library Redirect

After clicking Save, a brief confirmation message appears ("Saved to WebSnips"). You can:

• Continue browsing: dismiss the confirmation and stay on the page
• View in library: click the "View in library" link in the confirmation to open the clip in WebSnips immediately

The "View in library" link is useful when you want to add more tags, a longer annotation, or connections immediately after saving.

---

Troubleshooting Common Capture Issues

The capture popup opens but saves nothing:

• Check that you're logged into your WebSnips account (the icon shows a user state indicator — a dot or color change when logged in)
• If the popup shows "Log in to save," click it to open the login flow

Article capture is missing content or captured the wrong section:

• Try switching to "Full page" capture mode
• Some pages with heavy JavaScript rendering capture better with "Full page" than "Article" mode
• For pages where only specific content is needed, use "Selection" mode

The extension icon doesn't appear:

• In Chrome: click the puzzle piece icon and verify WebSnips is listed and enabled; if not listed, reinstall from the Chrome Web Store
• In Firefox: check about:addons to confirm the extension is installed and enabled

Highlights disappear after navigating away:

Highlights must be saved (click the Highlight button in the popup) before navigating. Unsaved highlights don't persist. After creating a highlight, save the clip to preserve the highlights.

---

Worked Example: Efficiently Clipping a Long Research Article

Setup: A researcher is reading a 5,000-word article on supply chain resilience. She wants to save it with highlights on the key claims and an annotation connecting it to her current project.

Her capture process:

1. She reads the article and highlights 4 key passages (using the highlight mini-popup that appears on text selection): the core thesis, a specific data point about inventory buffers, a counterargument she wants to note, and a policy recommendation.

2. After highlighting, she clicks the WebSnips extension icon.

3. In the save popup:

   • Title: She edits it to be more specific: "Supply chain resilience — inventory strategy vs. supplier diversification (2026 analysis)"
   • Notes: "Key claim: the inventory-buffer approach is more resilient in high-volatility environments but more expensive. Relevant to the Q4 sourcing strategy paper — use this as evidence for the case against lean inventory targets. The counterargument in section 4 is worth addressing."
   • Collections: She types "Q4 Sourcing Strategy" and selects the existing Collection
   • Tags: supply-chain, case-study, reference
   • Capture mode: Article (default)

4. She clicks Save (or presses Cmd+Enter).

5. The confirmation appears. She clicks "View in library" to verify the highlights captured correctly.

Total time: 4 minutes from start of reading to saved, annotated, tagged clip with 4 highlights.

---

Key Takeaways

1. The extension captures full article text, not just a link: saved clips contain the page content and are searchable and readable even if the original page disappears.
2. Highlight passages before saving to mark what matters most: highlights are saved with the clip and draw attention to key content when reviewing later.
3. Annotate in the Notes field at save time while the content is fresh: the interpretation you write immediately after reading is the most valuable annotation you'll add.
4. Assign Collections and tags at save time to avoid post-save organization overhead: 5 seconds of organization at capture time prevents hours of reorganization later.
5. Right-click "Save linked page" lets you queue related content without navigating away: useful for capturing referenced sources while staying in the current article.

---

Conclusion

The WebSnips extension transforms any page on the web into a permanent, annotatable, tagged, searchable clip in your library. The core workflow — highlight key passages, click the icon, add a note, assign a Collection and tags, save — takes 1-3 minutes and produces a significantly more useful library artifact than a browser bookmark (which saves only the URL) or a mental note (which persists for hours). The practices that make the extension most effective are the ones that add context at save time: annotations that capture interpretation, highlights that mark key content, and tags that organize for later discovery. Content saved with this context is usable; content saved as a bare link with no annotation is usually forgotten.

Install the WebSnips extension and start capturing web content with context — your first annotated clip is 2 minutes away.