> ## Documentation Index
> Fetch the complete documentation index at: https://docs.markifact.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Capture Screenshot

> Take screenshots of any webpage for visual monitoring, reporting, and analysis.

**Capture Screenshot** creates visual snapshots of webpages for documentation, monitoring, and reporting. Perfect for tracking website changes, creating visual reports, and capturing page layouts for analysis.

***

## When to Use It

Use this node to:

* Monitor competitor websites visually
* Document website changes over time
* Create visual reports for clients
* Capture landing pages for campaign analysis
* Generate thumbnails for content galleries
* Track visual design changes

***

## Inputs

| Field                 | Type   | Required | Description                                          |
| --------------------- | ------ | -------- | ---------------------------------------------------- |
| **URL**               | Text   | Yes      | Webpage URL you want to capture                      |
| **Viewport Width**    | Text   | No       | Browser width in pixels (default: 1280)              |
| **Viewport Height**   | Text   | No       | Browser height in pixels (default: 800)              |
| **Wait Time**         | Number | No       | Seconds to wait for page load (1-60, default: 30)    |
| **Wait For Element**  | Text   | No       | CSS selector to wait for before capturing            |
| **Capture Full Page** | Switch | No       | Capture entire page or just visible area             |
| **Hide Scrollbars**   | Switch | No       | Remove scrollbars from screenshot (default: enabled) |

***

## How It Works

This node opens a browser, loads the specified webpage, waits for content to load, then captures a screenshot. You can customize the browser viewport size and capture settings.

### Viewport Settings

**Standard Sizes:**

* **Desktop:** 1920×1080, 1366×768, 1280×800
* **Tablet:** 768×1024, 1024×768
* **Mobile:** 375×667, 414×896, 360×640

**Custom Sizes:**

* Set any width/height for specific use cases
* Match your target audience's common screen sizes
* Use consistent sizes for comparison screenshots

### Capture Modes

**Visible Area Only (Default):**

* Captures what users see without scrolling
* Faster capture process
* Good for above-the-fold content analysis
* Standard viewport dimensions

**Full Page Capture:**

* Screenshots the entire webpage length
* Includes all content that requires scrolling
* Larger file sizes
* Perfect for complete page documentation

***

## Advanced Options

### Wait for Element

Specify a CSS selector to wait for before capturing:

```
#main-content    // Wait for main content area
.product-grid    // Wait for product listing
.price          // Wait for pricing information
```

**When to Use:**

* Dynamic content that loads after initial page load
* JavaScript-heavy websites
* Ensuring specific elements are visible before capture

### Wait Time

**Shorter Times (5-15 seconds):**

* Fast-loading static websites
* When you need quick captures
* Simple HTML pages

**Longer Times (30-60 seconds):**

* Complex JavaScript applications
* Slow-loading websites
* Pages with lots of images or external content

***

## Output

The node returns:

* **Screenshot Image** - The captured webpage image
* **Image URL** - Direct link to the screenshot file
* **Page Title** - Title of the captured webpage
* **Capture Details** - Timestamp, dimensions, and settings used

***

## FAQ

<Accordion title="How long do screenshots take to capture?">
  Screenshot capture typically takes 10-60 seconds depending on page complexity, wait time settings, and whether JavaScript rendering is needed. Simple pages are faster than complex applications.
</Accordion>

<Accordion title="Can I capture password-protected pages?">
  No, this node captures publicly accessible pages only. For protected pages, you'll get login screens or access denied pages instead of the actual content.
</Accordion>

<Accordion title="What image format do I get?">
  Screenshots are typically provided as PNG files, which offer good quality and compatibility for most use cases including reports and analysis.
</Accordion>

<Accordion title="How do I capture mobile-sized screenshots?">
  Set the viewport width to mobile dimensions like 375×667 (iPhone) or 360×640 (Android). This simulates how the page appears on mobile devices.
</Accordion>

<Accordion title="What if the page content loads slowly?">
  Increase the wait time or use the "Wait For Element" option to specify a key element that must load before capturing. This ensures you capture complete content.
</Accordion>

<Accordion title="Can I automate regular website monitoring with screenshots?">
  Yes, combine this node with a scheduler to take regular screenshots. Use email or Slack nodes to get notified when visual changes are detected by comparing screenshots over time.
</Accordion>

<Accordion title="How do I compare screenshots to detect changes?">
  While this node captures screenshots, you can use AI analysis nodes to compare images and detect visual differences between captures taken at different times.
</Accordion>