Add Animation Effects

Animation effects make your website attractive and can influence the customer to buy your product. Animations add an interactive element to your online store and can hold the customer’s attention for a longer duration. The features also helps the user navigate easily through the website. We offer a variety of animation effects to make your website appealing to users.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
On the page displayed, click on any element that you wish to animate to and the following options will be displayed.

Step 4.
Click on Animate. The following slider will be displayed.

Step 5.
Click on any animation effect that you wish to add to the selected element. You can see a preview of the animation effect by clicking on .

Step 6.
Click on Customize to edit the  selected animation effect . The following slider will be displayed.

You can define the following elements of the effects:
Direction: This option allows you to set the direction from where animation effect will enter on the website.
Distance: You can define the distance of the animation effect with this option.
Duration: You can increase or decrease the duration of how long the animation effect will play.
Delay: This option allows you to set seconds by which the animation can be delayed.
Only Animate First Time: Enabling this toggle will play the animation effect only once when the website is launched by the user.

You can see a preview of your customized animation effect by clicking on .

Step 7.
Click on Save once you have selected the required animation effect.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on any element that you wish to animate and the following options will be displayed.

Step 4.
Click on Animate. The following slider will be displayed.

Step 5.
Click on any animation effect that you wish to add to the selected element. You can see a preview of the animation effect by clicking on .

Step 6.
Click on Customize to edit the selected animation effect . The following slider will be displayed.

You can define the following elements of the effects:
Direction: This option allows you to set the direction from where animation effect will enter on the website.
Distance: You can define the distance of the animation effect with this option.
Duration: You can increase or decrease the duration of how long the animation effect will play.
Delay: This option allows you to set seconds by which the animation can be delayed.
Only Animate First Time: Enabling this toggle will play the animation effect only once when the website is launched by the user.

You can see a preview of your customized animation effect by clicking on .

Step 7.
Click on Save once you have selected the required animation effect.

Help us improve our Support Center. Was this article helpful?
Thank you for the feedback
Thank you for the feedback
Still can't find what you're after? Write to us so that we can help you out.

One thought on “Add Animation Effects”

Comments are closed.