This extension helps the store owner to increase the sale of the products.
It is a plugin that provides a facility to sell or display your e-commerce store’s products on any website(cms or custom websites) like-Joomla, OpenCart, WordPress(blogging website), etc.
Admin just needs to generate a code for a button to buy the products to show on any website. Customers can select and customize the product on any website. Customers can easily check out the product on any website.
- The store owner can create a buy button for a single product or collection of products.
- The extension supports the buy button for a simple, configurable, and virtual product.
- The admin can customize view(font color, button background color, radius) of the buy button.
- The merchant can change all the static text on the buy button for each button.
- The button to buy a product comes with its cart(add, remove, update all operations supported).
- Checkout will be done by, default magento2 checkout in a popup window.
- The generated code can be easily embedded on any website(CMS or Custom Websites).
Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.
After the successful installation, you have to run these commands in the Magento2 root directory.
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.
For module translation, navigate to the following path in your system app/code/Webkul/BuyButton/i18n/en_US.csv. Open the file named en_US.CSV for editing as shown in the below screenshot.
After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV.
After the module installation, the admin will find the configuration settings panel. For this the store owner will navigate through Stores->Configuration->Webkul> Buy button as per the below snapshot.
Redirect To Original Product – Admin can select Yes if one wishes the buyer redirects to the origin product page on clicking on the name in the button to buy the product. However, else select No.
The admin can create the button by following this path Buy Button> Create Buy Button.
By clicking on Create Buy Button option, the admin will get the option to select the Product.
Buy Button for Single Product
After selecting the option for a single product, the admin will get a pop-up slider, and there, admin can select the Store, Currency, and a product.
After selection, click on Create Button then admin can customize the Button to buy a product.
There, admin can change Template, Alignment, Size, Typography, Cart Button Style, and Shopping Cart.
Template- Here, the option allows the admin to select three different buy button layouts.
Note-Template option is available only for the single product.
Buy Button for Collection of Products
After selecting the option for the collection of products, the admin will get a pop-up slider, and there, admin can select the Store, Currency, and products.
After selection, click on the Create Button then admin can customize the Buy Button. The admin can change Alignment, Size, Typography, Cart Button Style, and Shopping Cart as per below snapshot –
Alignment-Here, admin can choose three alignments(Left, Centre, and Right) of the buy button layout.
Size-Admin can change the Size (Small, Medium, Large) of the buy button layout.
Here, admin can choose Button Font, Heading Font, Price & description Font, Heading Size, Heading Color, Price Size, and Price Color.
Cart Button Style
Admin can change Button Text Color, Button Background Color, Button Text Size, Button Border Radius, Button Text, and View Button Text.
Admin can choose Cart Heading, Text for Total, No Item in Cart Text, Item in Cart Text, Add to Cart Button Text, Button Color, and Background Color.
After the customization, the admin can generate code by clicking on the Generate Code button.
The admin can copy this code and paste it into the source code of any website. like – Joomla, OpenCart, WordPress, etc. Then all the functionality will be embedded on that website.
Customers can add a Simple product, virtual product, and the configurable product to Shopping Cart on other websites.
After products add to the Shopping Cart, Click on the Cart customer will get the “Proceed to Checkout” button.
After clicking on “proceed to checkout”, Customer will get a default Magento2 Checkout pop-up window. In the window, the customer can sign up or sign in and put his/her shipping address.
The customer can choose a shipping method and proceed to Next.
After choosing the shipping method, the customer will get the “Place the Order” option. Click on “Place the Order ” customer’s order will be placed.
That’s all for Buy Button for Magento 2 still have any issue feel free to add a ticket and let us know your views to make the module better – http://webkul.uvdesk.com/
Current Product Version - 3.0.0
Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x