# Copy Selectors

Copying selectors can be done very easily. Although directly copied selectors won't work for all use cases, they will work in **most** cases, and given how easy this method is, it's a great starting point.

This section explains how to copy selectors in one click.

We recommend this free CSS selector tool for Chrome: [Copy CSS Chrome plugin](https://chrome.google.com/webstore/detail/copy-css-selector/kemkenbgbgodoglfkkejbdcpojnodnkg). With it, you can right-click on any element of the website to copy its CSS selector and then paste it into the building block *Website action*.

![](https://3220183989-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg9LcR8XM7TGOzOCDGsCS%2Fuploads%2FA3HMNACjfiqcywJsAwai%2FScreenshot%202022-05-01%20at%2013.23.55.png?alt=media\&token=6a0b7882-2650-48d6-b2ec-c766c6d84f14)

After clicking on *copy CSS selector*, wait a few seconds until a dotted frame is shown. If no frame is shown, then something went wrong - try right-clicking again until the frame appears. This is what this frame looks like:

![Wait for the frame to appear on the selected element](https://3220183989-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg9LcR8XM7TGOzOCDGsCS%2Fuploads%2FOv1xQZMrPs5AXjgy7hcN%2FScreenshot%202022-05-01%20at%2013.26.06.png?alt=media\&token=41b2dc3e-7160-4eb0-be37-3c5dd30ccdfe)

### Video Tutorial: Introduction to Selectors

{% embed url="<https://youtu.be/xRiai6UL7fQ?si=UJb-nB4Fjs_zhv_c>" %}
