# Animation

**Animation** allows you to add dynamic effects to elements on the landing page to make them more engaging and lively. Using these effects helps enhance interactivity and capture the users' attention.

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

* **Name:**&#x20;
  * This is the name of the animation effect that you want to apply to the element on the page. Each effect will create a different type of movement or transformation for the element.
  * Find and select an animation from the dropdown list. You can try different effects to choose the one that best fits the style of the landing page.
* **Duration:**
  * This is the duration for which the effect will occur, measured in seconds. A shorter duration will make the effect happen faster, while a longer duration will make the effect slower.
  * In the **Duration** section, enter or select the time you want for the effect. Adjust the duration to fit the purpose and aesthetics of the landing page. An effect that is too fast or too slow can impact the user experience.
* **Delay:**
  * The delay is the amount of time before the effect starts, measured from when the element appears on the screen. This allows you to control when the effect will begin to take place.
  * In the **Delay** section, enter or select the desired delay time. The delay can be used to create a sequential or synchronized effect between different elements on the page.
* **Loop:**
  * The Loop option allows you to decide whether the effect will repeat continuously or occur just once. In the Loop section, enter the number of times you want the effect to repeat.


---

# 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/animation.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.