BobNinja Logo
Back to Webscribe

How-to Guide

Webscribe Tutorial
Video Tutorial

Prefer Video? Watch the Walkthrough

See Webscribe in action with a quick video tutorial covering installation, saving pages, and exporting content.

Watch on YouTube

Contents

1. Getting Started

Installing Webscribe

  1. Visit the Chrome Web Store
  2. Click "Add to Chrome"
  3. Confirm by clicking "Add extension" in the popup
  4. The Webscribe icon will appear in your browser toolbar
Want the Latest Features?

New features are released on GitHub before they're available on the Chrome Web Store. You can install preview releases manually to get early access to the latest updates.

View Preview Releases on GitHub

Pinning the Extension

For easy access, pin the extension to your toolbar:

  1. Click the puzzle piece icon (Extensions) in Chrome's toolbar
  2. Find Webscribe in the list
  3. Click the pin icon next to it

Opening Webscribe

Click the Webscribe icon in your toolbar to open the extension popup. From here you can add URLs, manage saved content, and access settings.

2. Saving Multiple Pages

Step 1: Add URLs

  • Enter one or more URLs in the input field
  • Press Enter or click the Add button after each URL
  • Use multiple URLs to cover different sections of a site

Example: To save both the API docs and tutorials from a site, add:

  • https://docs.example.com/api
  • https://docs.example.com/tutorials

Step 2: Configure Settings

  • Page limit: Set a maximum number of pages (recommended: 50-100 to start)
  • Concurrent tabs: How many pages to process at once (1-10, default: 5)
  • Force refresh: Re-save pages even if already cached

Step 3: Start Saving

  • Click the "Start" button to begin
  • Watch progress in real-time in the popup
  • You can close the popup—saving continues in the background
  • Click "Stop" anytime to cancel the operation

How Page Discovery Works

Webscribe finds pages by checking the site's sitemap.xml and following internal links. Pages are only saved if they're under the same URL path you provided—for example, /docs/api only saves pages under that path.

3. Using the Content Picker

The Content Picker lets you save specific sections of a page instead of the whole thing. Perfect for grabbing code examples, articles, or any specific element.

How to Use Content Picker

  1. Navigate to the page you want to pick content from
  2. Click the Webscribe icon and select "Pick Content" mode
  3. Move your mouse over the page—elements will highlight as you hover
  4. Click on the element you want to save
  5. The content is automatically copied to your clipboard
  6. Press Escape to exit picker mode

Tip

If you want a larger section, hover over parent elements until the right area is highlighted. Most pages have a hierarchy of containers you can select.

4. Managing Saved Content

Viewing Saved Jobs

  1. Open Webscribe and go to the "Jobs" tab
  2. You'll see a list of all save operations (jobs)
  3. Each job shows the base URL, number of pages, and date
  4. Click a job to view its saved pages

Searching Content

Use the search box to find saved content:

  • Search by URL or page title
  • Results update as you type
  • Click a result to view the full content

Deleting Content

  • Delete a single page: Open the page, click the delete button
  • Delete multiple pages: Use bulk select, then delete
  • Delete an entire job: In the Jobs list, select jobs and delete

5. Exporting Content

Export Options

Markdown (.md)
Clean, formatted markdown. Perfect for AI assistants.
Plain Text (.txt)
Simple text without formatting.
HTML
Original HTML for inspection or processing.
ZIP Archive
Bulk download all pages in a job.

Exporting a Single Page

  1. Navigate to the page in the Jobs view
  2. Click the page to view its content
  3. Use the "Copy" button for clipboard, or "Download" for files
  4. Select your preferred format

Exporting All Pages in a Job

  1. Go to the Jobs tab
  2. Click on the job you want to export
  3. Click "Copy All" for clipboard (all pages combined)
  4. Or click "ZIP all" to download as an archive

6. Tips and Best Practices

Always Set Page Limits
Large documentation sites can have thousands of pages. Start with 50-100 pages and increase if needed. This prevents accidentally using too much storage.
Use Multiple URLs for Coverage
Webscribe only saves pages under the path you specify. If a site has content at /docs, /api, and /guides, add each as a separate URL.
Reduce Concurrent Tabs for Complex Sites
If pages aren't saving correctly, try reducing concurrent tabs from 5 to 2-3. This gives JavaScript-heavy pages more time to fully render.
Clean Up Old Jobs
Browser storage has limits. Regularly delete jobs you no longer need to free up space and keep things organised.
Verify Results
After saving, spot-check a few pages to ensure content was captured correctly. Some very complex JavaScript sites may need adjustments.

7. Troubleshooting

Pages are empty or incomplete
  • Reduce concurrent tabs to 1-2
  • The site may require authentication—log in first
  • Some sites block content extraction
Extension icon not visible
  • Click the puzzle piece icon in Chrome's toolbar
  • Find Webscribe and click the pin icon
  • Check chrome://extensions to ensure it's enabled
High memory usage
  • Reduce concurrent tabs to 1-3
  • Set a lower page limit
  • Close and reopen the extension popup
  • Delete old jobs to free storage
Pages not being discovered
  • Check that pages are under the same URL path
  • Add additional URLs for different sections
  • The site may not have a sitemap or proper internal links

Still having issues?

Visit our Support page for more help or to contact us directly.

Community & Contributions

Webscribe is open source! You can contribute, report issues, or get community help on GitHub.

GitHub Repository
View source code, README, and latest documentation
GitHub Discussions
Community Q&A, tips, and use case sharing

Found an error in the documentation? You can contribute improvements directly on GitHub!

Back to WebscribeSupportPrivacy PolicyTerms and ConditionsGitHub