# Event

**Events** allow you to add interactive actions to components on the page, such as buttons, images, and text blocks. These events can make your page more dynamic and engaging while enhancing the user experience.

<figure><img src="/files/H5aaPOtBTPIUF2PXZGh6" alt=""><figcaption></figcaption></figure>

#### 1. Choose events:

* **On click:** The event that occurs when a user clicks on the element.
* **On hover:** The event that occurs when a user hovers the mouse pointer over the element.

<figure><img src="/files/6yINYYZ5ZbpGv3zF1OHj" alt=""><figcaption></figcaption></figure>

#### 2. Set up actions when the event occurs:

<figure><img src="/files/D7oneA156e576zt9n1lx" alt=""><figcaption></figcaption></figure>

* **Change Color:** Changes the color of the element when the event occurs.&#x20;
  * **Targets:** Options to change the color of the text, background color, or border color.
* **Open Popup:** Displays a popup window with information or a form.
  * **Targets:** Options to select the popup and the effect for the popup appearance.
* **Close Popup:** Closes an currently open popup window.
  * **Targets:** Options to select the popup and the effect for closing the popup.
* **Scroll To:** Automatically scrolls the page to a specific element.
  * **Targets:** Options to select the section to scroll to.
* **Open Link:** Opens a specific link when the user interacts with the element.
  * **Targets:** Options to select the target link and choose how to display it: in the same site or in a new window.
* **Hide/Show element:** Show/Hide a specified element.
  * **Target**: Enter the ID of the element to be hidden or displayed when the event is triggered.


---

# 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.shopone.io/english/basic-setup-tools-for-the-landing-page/quick-setup-bar/advanced-editor/event.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.