Buy Button– Buy button helps the store owner to increase the sale of the products. It is a plugin which 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 buy button code for the products to show on any website. Customers can select and customize the product on any website. And also can easily check out the product on any website.
Note – If you want to convert your store into the marketplace, We also provide Magento 2 Marketplace modules.
- Admin can create the buy button for a single product or collection of products.
- Admin can create the buy button for a simple, configurable and virtual product.
- All types of custom options are supported.
- Admin can customize view(font color, button background color, radius) of the buy button.
- Admin can change all the static text on the buy button for each buy button.
- Buy Button comes with its own 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. You need to transfer this app folder into the Magento2 root directory on the server as shown below.
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
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. Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.
After the module installation, the admin will find the configuration settings panel by navigating through Stores->Configuration->Webkul> Buy button as per the below snapshot –
Redirect To Original Product – Admin can select Yes if he wants to redirect the buyer to origin product page if he clicks on its name in the buy button else admin can select No.
The admin can create a buy button by following this path Buy Button> Create Buy Button.
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. Admin can search product by the name and can filter by the product types.
After selection, click on Create Button then admin can customize the Buy Button. 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 product, the admin will get a pop-up slider and there, admin can select the Store, Currency, and products. Admin can search product by the name and can filter by the product types.
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 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.
After the customization, admin can generate a code by clicking on Generate Code button. The admin can copy this code and paste 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. Admin can add all type of custom options which will be displayed on other websites as well. The customers able to choose options for the configurable product.
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.
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 - 2.1.0
Supported Framework Version - 2.0.x,2.1.x ,2.2.x,2.3.x