Chrome Extension (Visual Builder)
The RTILA X Chrome Extension is the Visual Builder interface. It runs inside your browser and lets you build, edit, and preview automations directly on the page.
Opening the Visual Builder
Section titled “Opening the Visual Builder”- Go to Automation Projects.
- Select a project.
- Click Builder in the ribbon.
- A new browser window opens with the RTILA side panel.
Side Panel Tabs
Section titled “Side Panel Tabs”The side panel has two tabs:
| Tab | Description |
|---|---|
| Data Extraction | Configure datasets, properties, and selectors |
| Web Automation | Add, edit, and manage automation commands |
Data Extraction Tab
Section titled “Data Extraction Tab”| Feature | Description |
|---|---|
| Dataset list | Horizontal list of all datasets in the project |
| Properties list | Horizontal list of properties for the selected dataset |
| Element picker | Click the pointer icon to select elements on the page |
| Live preview | Live table showing what data would be extracted |
| AI extraction | Click the wand icon (✨) to auto-generate datasets via AI |
| Refresh preview | Click the refresh icon to update the preview |
Web Automation Tab
Section titled “Web Automation Tab”| Feature | Description |
|---|---|
| Command list | Drag-and-drop list of all commands |
| Add command | Click Add to open the command picker |
| Record | Start/stop recording |
| Help | Click the help icon (?) for command documentation |
Command Editing
Section titled “Command Editing”Click a command in the list to expand its properties:
| Property | Description |
|---|---|
| Display Name | Editable label for the command |
| Parameters | Type-specific configuration fields |
| Nested commands | Commands that run inside or after this command |
Command Actions
Section titled “Command Actions”| Button | Description |
|---|---|
| + | Add a nested command |
| 📋 | Clone the command |
| 👁️ | Toggle visibility of nested commands |
| 🗑️ | Delete the command |
Element Picker
Section titled “Element Picker”The element picker lets you select elements on the page visually:
- Click the pointer icon next to a selector field.
- Move your mouse over the page. Elements are highlighted.
- Click an element to select it.
- A refinement panel appears with ✓ (confirm) and ✗ (exclude) buttons.
- Click ✓ to confirm the selector.
- Click ✗ to exclude the element and refine the selection.
Text Selection
Section titled “Text Selection”You can also select text directly:
- Click the pointer icon.
- Highlight text on the page.
- The selected text is used as a
text=selector.
Quick Preview
Section titled “Quick Preview”The side panel shows a live preview of your automation. Server-side commands (file operations, screenshots, etc.) are safely skipped during preview.
Context Menu
Section titled “Context Menu”Right-click on the page while the extension is active:
| Option | Description |
|---|---|
| Auto-Extract Data with AI | Trigger AI Vision Analysis to auto-create datasets |
| Start Loop Recording | Begin recording a loop |
| Stop Loop Recording | Stop the current loop recording |
| Insert Variable → | Insert a variable into the current field |
