Skip to main content

Click Element

Clicks on a web element using XPath or CSS selector. Supports different click types including left click, right click, double click, and more.

Common Properties​

  • Name - The custom name of the node.
  • Color - The custom color of the node.
  • Delay Before (sec) - Waits in seconds before executing the node.
  • Delay After (sec) - Waits in seconds after executing the node.
  • Continue On Error - Automation will continue regardless of any error. The default value is false.
info

If Continue On Error property is true, no error is caught when the project is executed, even if the Catch node is used.

Input​

  • Browser ID - The browser session identifier from the Open Browser node.
  • Selector - The XPath or CSS selector to locate the element to click.

Options​

  • Selector Type - Type of selector used:

    • XPath - Use XPath expression (default)
    • CSS - Use CSS selector

  • Click Type - Type of mouse click to perform:

    • Left Click - Standard left mouse click (default)
    • Right Click - Right mouse click (context menu)
    • Double Click - Double left click
    • Hold Click - Press and hold the mouse button
    • Release Click - Release the held mouse button

  • Wait Timeout (sec) - Maximum time to wait for the element to be clickable. Default is 5 seconds.

Examples​

Click a Button by XPath​

Browser ID: {{browser_id}}
Selector: //button[@id='submit-btn']
Selector Type: XPath
Click Type: Left Click

Click by CSS Selector​

Browser ID: {{browser_id}}
Selector: button.submit-button
Selector Type: CSS

Right Click for Context Menu​

Browser ID: {{browser_id}}
Selector: //div[@class='file-item']
Click Type: Right Click

Double Click​

Browser ID: {{browser_id}}
Selector: //div[@class='editable-field']
Click Type: Double Click

Click with Custom Wait Time​

Browser ID: {{browser_id}}
Selector: //button[@data-action='load-more']
Wait Timeout (sec): 10

Selector Examples​

XPath Selectors​

// By ID
//button[@id='submit']

// By class
//div[@class='container']

// By text content
//button[text()='Click Me']

// By partial text
//button[contains(text(), 'Submit')]

// By attribute
//input[@name='email']

// Descendant element
//div[@id='form']//button[@type='submit']

// Multiple conditions
//button[@type='submit' and @class='primary']

CSS Selectors​

/* By ID */
button#submit

/* By class */
div.container

/* By attribute */
input[name='email']

/* Descendant */
div#form button[type='submit']

/* Multiple classes */
button.btn.btn-primary

/* Nth child */
ul > li:nth-child(2)

Tips​

  • Use browser developer tools (F12) to inspect elements and find selectors
  • XPath is more powerful for complex element relationships
  • CSS selectors are generally faster for simple selections
  • Wait for elements to be clickable before interacting
  • Use specific selectors to avoid clicking the wrong element
  • For dynamic elements, increase the Wait Timeout value

Common Errors​

  • "Browser ID cannot be empty" - Connect to an Open Browser node
  • "Selector cannot be empty" - Provide an XPath or CSS selector
  • "Element not found or not clickable within X seconds" - The element doesn't exist, is hidden, or takes longer to load. Verify the selector and increase timeout if needed
  • "Click Type must be selected" - Choose a click type from the dropdown
  • "Invalid Click Type" - Select a valid option from the dropdown