# PageCrawl Browser Extension

Source: PageCrawl.io Help Center
URL: https://pagecrawl.io/help/features/article/browser-extension-guide

---

The PageCrawl browser extension lets you instantly add any webpage to your monitoring list with just a few clicks. View recent changes, switch between workspaces, and start monitoring new pages - all without leaving your current tab.

### Installation

The PageCrawl extension is available for:
- **Chrome**: [Install from Chrome Web Store](https://chromewebstore.google.com/detail/pagecrawl-website-change/ofiinglodfpodfghggakcadoloidhpla)
- **Firefox**: [Install from Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/pagecrawl-web-change-monitor/)
- **Safari, Edge, Brave, or any other browser**: Save the [PageCrawl bookmarklet](/bookmarklet) to your bookmarks bar instead. Click it on any page and PageCrawl picks up where you are, no extension required.

  [Image: PageCrawl in Extensions Panel]

  <strong>Note:</strong> Click the pin icon next to PageCrawl to keep it visible in your browser toolbar for quick access.

### Getting Started

#### 1. Connect Your Account

After installing the extension, click the PageCrawl icon in your browser toolbar. You'll see a welcome screen prompting you to log in.

  [Image: PageCrawl Login Screen]

1. Click **"Log In to PageCrawl"**
2. You'll be redirected to PageCrawl to authenticate
3. Once logged in, you'll be automatically connected

If you don't have an account yet, click "Don't have an account? Sign up" to create one.

#### 2. View Recent Changes

Once connected, the extension opens to your **Recent Changes** timeline. This shows the latest detected changes across all your monitored pages:

  [Image: Browser Extension Timeline]

- **AI Summaries**: If enabled, you'll see AI-generated summaries of what changed
- **Text Diffs**: For text-based monitoring, you'll see the actual text additions (highlighted in green) and deletions (highlighted in red)
- **Visual Changes**: Shows the percentage of visual difference detected
- **Price/Number Changes**: Shows how the value changed (e.g., "increased by 10%")

Click any change to open it directly in your dashboard and see the full details.

#### 3. Start Monitoring a Page

To add a new page to your monitoring:

1. Navigate to any webpage you want to monitor
2. Click the PageCrawl extension icon
3. Click **"+ Track New Page"**
4. Choose your monitoring type and options
5. Click **"Start Monitoring"**

  [Image: Track New Page Form]

### Monitoring Types

#### Full Page Monitoring

Best for: Blog posts, news articles, documentation pages

Monitors text content on the page. Choose your tracking level:

- **Everything on page**: Monitors all text, including navigation and footers
- **Content only**: Excludes navigation, headers, and footers
- **Reader mode**: Focuses on the main article content only

**Keyword Monitoring**: Optionally enter keywords (comma-separated) to only be notified when specific words appear or disappear. Leave empty to be notified of all changes.

#### Element Monitoring (Specific Area)

Best for: Prices, stock status, specific data points

1. Click **"Click to Select Element"**
2. Hover over the page and click the element you want to monitor
3. The selector will be automatically captured
4. Confirm your selection

You can also manually enter a CSS selector if you prefer.

**Track as Number**: Enable this to extract numeric values from the element. This allows you to track trends and percentage changes over time.

**Keyword Monitoring**: Same as Full Page - enter keywords to filter notifications.

#### Visual Monitoring

Best for: Charts, images, layouts, design changes

1. Click **"Draw Area on Page"**
2. Click and drag to select the area you want to monitor
3. Confirm your selection

The extension will capture screenshots of this area and compare them for changes.

**Change Threshold**: Set how much the area must change before you're notified:
- Any change (most sensitive)
- Tiny (1%) - Very Minor (3%) - Minor (5%)
- Moderate (10%) - Recommended for most cases
- Significant (30%) - Very High (50%) - Extremely High (80%)

#### Price Monitoring

Best for: Product pages, e-commerce sites

PageCrawl will automatically detect and track the main price on the page. This is optimized for common e-commerce platforms and product pages.

### Check Frequency

Choose how often PageCrawl should check for changes:
- Options depend on your subscription plan
- Paid plans offer more frequent checks

### Right-Click Menu

You can quickly access PageCrawl from any webpage using the right-click context menu:

1. Right-click anywhere on a webpage
2. Select **"Open in PageCrawl"**

  [Image: Right-Click Context Menu]

**What happens next depends on whether the page is already monitored:**

- **If the page is already monitored**: You'll be taken directly to the page's dashboard where you can view change history, adjust settings, or check the current status.

- **If the page is not monitored**: You'll be taken to the page creation form with the URL pre-filled, ready to set up monitoring.

### Header Actions

The extension header provides quick access to:

- **PageCrawl Logo**: Click to open your main dashboard
- **Workspace Switcher**: Switch between workspaces (if you have multiple)
- **Help** (question mark icon): Open this guide

### More Options

For advanced configuration (notifications, proxies, actions, etc.), click **"More options →"** below the Start Monitoring button. This opens the full page creation form on PageCrawl with your current settings pre-filled.

---

Need more? The complete PageCrawl.io help center, with every article, is available as a single document at https://pagecrawl.io/llms-full.txt. Read it for context on anything this page does not cover.
