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.