Max Addons Buy Now Button element for Bricks Builder allows you to easily integrate a buy now button into your WooCommerce single product or shop/archive pages.
This document provides a detailed overview of all available options and features for this element!
Getting Started#
Before using the Buy Now Button element, ensure you have the following installed and activated:
Steps to Get Started#
- Create a new page, edit an existing page, or open the WooCommerce single product page template in the Bricks Builder editor.
- Search for "buy now button" in the element search bar.
- Add the Buy Now Button element to your page.
- Ensure the element has the "Max" tag in the top-right corner, confirming it is the Max Addons version.
Content Tab of the Buy Now Button Element#
Once you add the Buy Now Button element, its customization options will appear on the left side of the editor. Below is a breakdown of each available option:
- Text: Add custom text for your Buy Now button (e.g., "Buy Now," "Purchase," or "Get It Now").
- Size: Choose the size of the button. Options include: Small, Medium, Large and Extra Large
- Style: Select from predefined button styles such as Primary, Secondary, Light, Dark, Muted, and more.
- Circle: Enable this toggle to transform the button into a circular shape.
- Outline: Enable this toggle to create a button with an outline style instead of a solid fill.
Settings Subsection
Settings subsection allows you to configure additional functionality for the Buy Now Button:
- Default Quantity: Set the default quantity for the product when the button is clicked.
- Reset Cart: Enable this option to clear previously added items in the cart before adding the new product.
Icon Options
- Icon: Choose an icon from the following libraries:
- FontAwesome
- Ionicons
- Themify
- Typography: Customize the icon's appearance by:
- Selecting a color
- Adjusting the size
- Adding shadow for depth
- Position: Set the icon's position relative to the button text:
- Left
- Right
- Gap: Adjust the spacing between the icon and the text for optimal layout.
- Space Between: Define the space around the button.
This was the complete overview of the Max Addons Buy Now Button element. We Hope this element helps you create interactive online websites using WooCommerce and Bricks Builder!