Buy now

Author: Sarah Pham 233 views

A Buy Button is a shortcut for buying one of your products. Buy Buttons lets customers purchase products directly without going to cart page. The Buy Now element is located on Product page.

1. How to add a buy now element

From Single Product tab, you can drag and drop the Buy Now element to anywhere that you want it to stay.

2. How to configure the buy now element

2.1 Content

  • Button animation: Turn on this option to set the animation for the button.
  • Loop time(s): You also can adjust Loop time freely.

2.2. Design


  • Alignment: You can flexibly change the position of the icon.
  • Typography : Change the style of the button text.
  • Text Shadow: Choose a color > Adjust the position of the shadow using the horizontal and vertical attributes.
  • Box Shadow: Set the shadow for the button content.

You are also allowed to change widthtext colorbackgroundborderborder radiusand spacing for all Normal, Hover.

Animation Effect

  • Animation: It allows you to select the animation for the button. There are 21 options.

You can follow this video below for details about the design Buy Now element. 

Leave a Comment

On this page