Overview
The AI Extract step uses AI vision to intelligently extract data from the page based on natural language descriptions. Unlike the standard Extract Value step that requires precise CSS selectors, AI Extract can find and extract information by understanding what you’re looking for in plain English.When to Use AI Extract
AI Extract is ideal when you need to:- Extract data without knowing exact selectors: When elements don’t have stable selectors or IDs
- Extract from dynamic content: When element structure changes but the visual content remains consistent
- Extract complex information: When the data spans multiple elements or requires interpretation
- Handle visual context: When you need to extract based on visual position or appearance
How It Works
AI Extract takes a screenshot of the current page, analyzes it using AI vision, and extracts the requested information based on your prompt. The extracted value is stored in a variable that you can use in subsequent steps.Configuration
| Field | Type | Required | Description |
|---|---|---|---|
| Prompt | text | Yes | Natural language description of what to extract |
| Variable Name | text | Yes | Name for storing the extracted value |
| Element Target | locator | No | Optional element to focus the extraction area |
Prompt Field
Write a clear description of what data you want to extract. Be specific about:- What information you’re looking for
- Where it’s located on the page (if helpful)
- The format you expect
Variable Name
The extracted value will be stored in this variable. Access it in later steps using{{ vars.variableName }}.
Element Target (Optional)
Optionally target a specific element to narrow down the extraction area. This can improve accuracy and speed by focusing the AI on a specific region of the page.Examples
Extract a Price
"$149.99"
Use in later steps: {{ vars.totalPrice }}
Extract Order Information
"ORD-2024-78534"
Extract User Data
"[email protected]"
Extract Status Information
"Shipped"
Extract from a Specific Element
Real-World Scenarios
E-commerce Checkout Flow
Dynamic Content Extraction
Multi-Element Extraction
AI Extract vs Extract Value
| Feature | AI Extract | Extract Value |
|---|---|---|
| Selection method | Natural language prompt | CSS selector |
| Best for | Dynamic content, complex layouts | Stable elements with good selectors |
| Speed | Slower (uses AI processing) | Faster (direct DOM access) |
| Accuracy | Context-aware, handles variations | Precise, requires exact match |
| AI Credits | Consumes AI credits | No credits used |
- Elements lack stable selectors
- Content structure varies
- You need to extract based on visual context
- Selectors would be too fragile
- Elements have reliable
data-testidor stable attributes - Speed is important
- You want to avoid AI credit usage
- Simple text extraction from a known element
Best Practices
Write Clear Prompts
- Be specific: “Extract the order total” is better than “Extract the number”
- Provide context: “Extract the discount percentage shown in red” helps AI identify the right value
- Specify format: “Extract the date in MM/DD/YYYY format” when format matters
Use Element Targeting
When possible, use the element target to narrow the extraction area:- Improves accuracy by reducing visual noise
- Speeds up extraction
- Reduces the chance of extracting wrong values
Name Variables Meaningfully
Use descriptive names that indicate what the variable contains:orderConfirmationNumberinstead ofnumshippingCostinstead ofcostcustomerEmailinstead ofemail1
Troubleshooting
Extracted Value Is Wrong
Symptom: AI extracts incorrect or unexpected data Solution:- Make your prompt more specific
- Use element targeting to focus the extraction area
- Include more context in your prompt about where the data is located
- Check if the page has fully loaded before extraction
Extraction Fails
Symptom: Step fails with extraction error Solution:- Ensure the page has fully loaded
- Add a Wait for Element step before extraction
- Check that the content is visible on screen (not scrolled out of view)
- Verify the prompt is clear and unambiguous
Variable Not Available
Symptom:{{ vars.myVar }} doesn’t resolve in later steps
Solution:
- Verify the AI Extract step completed successfully
- Check the variable name is alphanumeric only
- Ensure you’re referencing the variable in a step that runs after extraction
Slow Extraction
Symptom: AI Extract takes a long time Solution:- Use element targeting to reduce the analysis area
- Ensure you’re not extracting from an unnecessarily large page section
- Consider if Extract Value would work for your use case
AI Credits
AI Extract consumes 1 AI credit per execution. Monitor your usage in the AI Credits dashboard.Related Steps
- Extract Value - CSS selector-based text extraction (no AI credits)
- Visual Assertion - AI-powered visual verification
- AI Action - AI-powered browser interactions
- Fill - Use extracted values in form fields
- Verify Value - Verify extracted values appear correctly

