# On Google Chrome

### How to install CSS Pro on Chrome:

To follow these steps, **you need to have purchased a CSS Pro license key**. If you don't have one yet, [**get one here**](https://gum.co/csspro?wanted=true).

{% embed url="<https://www.youtube.com/watch?v=DDbqtuHrvF8>" %}
Video tutorial
{% endembed %}

**Step 1.** **Download the extension from the link you were redirected** to after buying it or your Gumroad receipt (in your email) or [library](https://gumroad.com/library). If you can't find it, please download the extension via the [My License](https://csspro.com/my-license) page.

**Step 2.** Install the extension on your Chrome browser via Chrome Webstore.

**Step 3.** **Click on** **"Add to Chrome"** to download the extension.

![Click on the blue button "Add to Chrome" on the right side to download the extension](/files/wbtkpFB2ojltXfgswJ69)

Now that you have the extension installed, it's time to activate it with a license key, which you've got in your receipt but can also be retrieved [here](https://cssscanpro.com/my-license) if you forgot/lost it.

**Step 4. Open any website on a new tab**, for example, Google or your website (it won't activate on the "New tab" page; it has to be a website).

**Step 5.** **Right-click anywhere on the page** and **select "Inspect with CSS Pro"** on the context menu.

![](/files/SegZabKzen9E8WM4MGrg)

A modal (popup) will appear asking for the license.

**Step 6. Input your license key** and validate it by clicking on **"Activate"**:

![](/files/fqtUufqTMf2whS4GQSKq)

🎉 **Done!** Your license is now activated, and you can use CSS Pro anywhere else.

The extension will not ask for your license again (unless deactivated or disabled).

To manage your license activations in the future, use [the My License page](https://cssscanpro.com/my-license).

### 🎁 Bonus:

You can also **pin the extension on your Chrome's top bar** by **clicking on "Extensions"** (puzzle icon):

![](/files/t64fsvmq3o7RtfCAa1h4)

**Find CSS Pro and click "Pin"**:

![Click on the pin icon to pin the extension on your browser's top bar for easy access](/files/pCm7uI05dgC90frxsfdU)

Now you can just open CSS Pro by clicking on its icon on your Chrome's top bar.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.csspro.com/quick-start/installing/on-google-chrome.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.