What is the Click Element Node?
The Click Element Node executes precise click actions on visible elements within the current viewport based on your natural language description. Simply describe what you want to click (like “blue search button in the upper right corner”), and the system automatically detects and clicks the element. This node simulates human clicking behavior, triggers page navigation or events, and requires no code. Click Type Options The Click Element node now supports two click types:| Click Type | Description | Default |
|---|---|---|
| Left-click | Standard mouse left-click action. Used for buttons, links, form submissions, and most interactions. | ✅ Default |
| Right-click | Mouse right-click action. Used for opening context menus, accessing additional options, or triggering right-click events. |
When Should You Use It?
- Left-click Use Cases
- Right-click Use Cases
How to Set Up a Click Element Node (Step by Step)
1.Insert the Node
Click the + button in your workflow, then select “Click Element Node” from the node library.2.Describe the Target Element
Description:Describe the element’s location and characteristics. Example: Search button in the upper right corner of the page
Submit button at the bottom of the form
Blue ‘Continue’ button on the right side
3. Select Click Type
Choose the appropriate click type for your action: • Left-click (Default): For standard click interactions • Right-click: For context menu access and right-click events4.Handle Errors (Optional)
In Abnormal situations: Select “Stop Task” from the dropdown to halt the workflow if the element cannot be found or clicked. 5.Connect with Other Nodes Place the Click Element node after Visit Page nodes and before data extraction nodes.Key Rules & Best Practices
Rules
| Rule | Description |
|---|---|
| Visible elements only | The Click Element node can only interact with elements currently visible in the viewport. It cannot click hidden or dynamically loaded elements that haven’t appeared yet. |
| One click per execution | Each Click Element node performs only one click action. For multiple clicks, add multiple Click Element nodes. |
| Natural language required | Describe the element using clear, natural language or parameter references. |
| Click type applies to all scenarios | Both Left-click and Right-click follow the same element detection logic. |
Best Practices
Element Description Tips: • Include element type: “button,” “link,” “icon,” “checkbox,” “image,” etc. • Specify location: “upper right corner,” “bottom of the form,” “top navigation bar” • Mention distinctive features: color, text label, size • Use position references: “first,” “second,” “third,” “next to” • Be specific: “Blue ‘Continue’ button on the right side” is better than “Continue button”Quick Review
- What does the Click Element node do?
- Can you click elements that are not visible in the viewport?
- How many clicks can one Click Element node perform?
- When should you use Right-click?
- What information should you include in element descriptions?