Using the internal picker
- Click on “Pick New Element”
Hover your mouse over the page to see the elements highlighted. Focus on your target and press Ctrl + X
A pop-up appears to indicate that the element was captured. Press “Save”
Go to the web page from which you need to select the element
Right-click on the web element whose XPath you need to get
Choose the option “Inspect”
- After identifying the element in the code, right-click on it and choose Copy → Copy full XPath
- On Studio Pro, choose Elements → Add new Element → Browser Element
- Add the element name and choose the option “Xpath”
- To finish, you need to paste the XPath value you copied from the web page on the “Set a value“ field:
Now you can use this element in your web activities.
Using CSS selectors
Create a new Web Element as demonstrated in the XPath part, but choose the CSS Selector instead
Go to the web page and press F12
Select the element and click on Copy → Copy selector:
- Paste it into the web element “Value” field
Tip: There are many ways to interact with web elements using XPath and CSS. Find more examples in this web page.
Happy Automation with ElectroNeek!!