DA – Woo Add to Cart

The DA – Woo Add to Cart widget lets you add a stylish and customizable Add to Cart button anywhere on your Elementor page. You can choose adjust the button text, style it your way, and place it exactly where you want without any coding. It helps you create faster checkout paths and improves conversions by making it easier for customers to add products to their cart from any section of your website.

The DA – Woo Add to Cart widget features the following controls.

Content

General

  • Show Quantity Box: Displays the quantity selector for adding multiple items to the cart.
  • Enable Ajax: Updates the cart instantly without reloading the page.
  • Layout: Choose the layout of button.
  • Alignment: Set the horizontal alignment of the button.
DA - Woo Add to Cart General Settings
DA – Woo Add to Cart General Settings

Style

Quantity Box

  • Typography: Customize the font style for the quantity text.
  • Quantity Box Height: Adjust the vertical size of the quantity input box.
  • Quantity Box Width: Set the horizontal width of the quantity input box.
  • Padding: Add inner spacing inside the quantity box.
  • Margin: Add outer spacing around the quantity box.
DA - Woo Add to Cart Quantity Box Style Settings
DA – Woo Add to Cart Quantity Box Style Settings

Add to Cart Button

  • Text Color: Sets the text color of the Add to Cart button.
  • Typography: Controls the font style, size, and formatting of the button text.
  • Border Type: Choose the style of the button border.
  • Border Radius: Adjusts the roundness of the button corners.
  • Background Color: Sets the background color of the Add to Cart button.
  • Box Shadow: Adds a shadow effect around the button for depth.
  • Margin: Adds outer spacing around the button.
  • Padding: Adds inner spacing inside the button.
DA - Woo Add to Cart Style Settings
DA – Woo Add to Cart Style Settings