# Add to cart animation

Hello there, we're excited to introduce a feature that allows you to add display effects to your **'Add-to-Cart'** and **'Buy-Now'** buttons. To activate this feature, all you need to do is switch it on.

![Image](https://lh7-us.googleusercontent.com/T0xAuTidHNh5Rrz-9Q9eMClmyFOwVwtl3jO8ctGYBV6w4AaM9VMOWRUzjp85teVq0qMbEjZIgLZuJ_-8d1PHDJfOXG_5VM0ErrC70nxRSSgKVbMY3bEEHqb6qDRrpjvW6c9BY0UoYJET_U4x)

Now, let's talk about the 'Animation On' feature. You can choose which button you'd like to apply the animation effect to:

* Add-to-Cart Button: This allows you to apply the animation to the 'Add to Cart' button.
* Buy-it-Now Button: This allows you to apply the animation to the 'Buy it Now' button.

Next, you can select the animation effect you'd like to display on your button. You can preview the animations in the preview section next to it.

![Image](https://lh7-us.googleusercontent.com/gDvPSUagDE0ovS9SuE90MreMGWi_zxC6FAKs7yOEZI_eb3zBKCos5ceCeJuOhtakWbCPHh35VCMwxot-4lhbK-hCQMQymMgYUAVOiEjD-8fa7vjtxZY8yRNVstiIZYSHq7XpAOnVz3i73uu7)

You also have the option to choose when the animation will be displayed:

* Every few seconds: This option allows the animation to be displayed periodically every few seconds.
* When hover: This option allows the animation to be displayed when you hover over the button.
* Both when hover and every few seconds: This option allows the animation to be displayed both when you hover over the button and periodically every few seconds.

Lastly, you can select the frequency gap time between two triggers.

We hope this guide helps you make the most of this feature. If you have any questions, please don't hesitate to ask. We're here to help!


---

# 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.avada.io/trust-badges-and-upsell-help-center/extra-features/add-to-cart-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.