How to use the Product Cart Button element

https://www.youtube.com/embed/Kd_ar14mIRE?rel=0

The Product Cart Button element is a mini element that shows a button to add the product to cart for a product on your page.

Note: The Product Cart Button element needs to be inside a Product element, so in order to use it, you need first insert a Product element into the page.

You can find and insert a Product Cart Button element from the sidebar.

This is how the Product Cart Button element looks inside the Editor

Important options

•  

  Product: Select the product to show.

   

•  

  Button text: Default text for the button.

   

•  

  Sold out text: Text for the button if the product is sold out.

   

•  

  Processing text: Text for the button while the product is being added to cart.

   

•  

  Success message: Message to show after the product is added to cart.

   

•  

  Not enough message: Message to show if the product quantity is not enough.

   

•  

  Redirect to: Target to redirect after the product is added to cart.

   

  •  

    None: No redirection.

     

  •  

    Cart: Redirect to the cart page.

     

  •  

    Checkout: Redirect to the checkout page.

     

•  

  Button icon: Add an icon for the button.

   

•  

  Text color: Color for the button text.

   

•  

  Button color: Color for the button.

   

•  

  Full width: Make the button stretch across its parent.

   

•  

  Alignment: Align the button to the left, center, or to the right. Only available if Full width is disabled.