Element Capture

Capture page elements for accurate selectors

Capture elements from any webpage. Ivory extracts selectors and context for rule creation.

Capture an Element

  1. Navigate to any webpage

  2. Right-click the element you want to track

  3. Select Capture Element for Ivory

The element appears in the Workspace section under "Page Elements".

What Gets Captured

Data
Example

CSS Selector

#submit-btn or .hero-cta

Text Content

"Download Now"

Parent HTML

Surrounding element structure

Page URL

https://example.com/page

Capture Selected Text

Highlight text on any page, right-click, and select Capture Selection for Ivory. Useful for capturing specific content or labels.

Using Captured Elements

Captured elements automatically become context for rule creation:

  1. Capture the element you want to track

  2. Click Create

  3. Reference it in your prompt:

Ivory uses the captured selector in the generated rule.

Managing Captures

  • Captures persist for your browser session

  • Click Clear in the "Page Elements" subsection header to remove all captures

  • Capture multiple elements before creating rules

Tips

  • Capture the exact element users will click (not a parent container)

  • For forms, capture the form element itself for submit tracking

  • Capture multiple related elements, then create rules for all at once

Last updated