> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fodane.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to set up ATC Animation

**Add to Cart Animation** 

Add to cart animation is an effective way by which you can easily grab the user's attention by simply adding animation to add to cart button. Adding animation makes your add to cart button more appealing. With only one click it will instantly increase your sales volume. 


**Let's understand how you can enable Add To Cart animation**

Following are the steps to set up Add to Cart Animation

1. Go to the Fodane dashboard and Click on the \*\* Boost conversion\*\* section. (Also, you can search the app in the search section)

![](https://storage.crisp.chat/users/helpdesk/website/-/2/3/d/3/23d3c14297084200/addtocartanimation_2xko8w.png)

2. Moreover, you can customize the Add To Cart button animation and set its trigger (either on mouse hover or on page load).

3. A **Preview box** in the app will show how the ATC button will look on your store after you have set the animation.

![](https://storage.crisp.chat/users/helpdesk/website/23d3c14297084200/image_1udwd34.png)

4. After making changes don't forget to tap on the **Save** button.



###  Click on the below-attached link for a better understanding
[ATC animation](https://www.loom.com/share/4a7f3b6677c34035ade46a7262a5b43a)

| 
Make sure that you have enabled the Add to Cart Animation App.