Buy Now

Buy Button for Magento 2

Introduction

Buy Button- Buy button helps the store owner to increase the sale of the products. It is a plugin which provides 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 generates a buy button code for the products to show on any website. Customers can select and customize the product. Customers can easily checkout the product on any website. If you want to convert your store into the marketplace, We also provide Magento Marketplace and Magento 2 Marketplace modules.

Features

  • Admin can create buy button for single product or collection of products.
  • Admin can create buy button for a simple, configurable and virtual product.
  • All types of the 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).

Installation

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.
First command-

php bin/magento setup:upgrade


Second Command –

php bin/magento setup:di:compile

Third Command –

php bin/magento setup:static-content:deploy


After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

Admin Configuration

After successful installation, admin can create buy button by following this path  Buy Button> Create Buy Button.

click on Create Buy Button option, the admin will get the option to select Product. The admin can select a single product or collection of products to 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 selecting three different buy button layouts. Templates design as per below screenshots.

1.

2.


3.

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 Create Button then admin can customize the Buy Button. There, admin can change Alignment, Size, Typography, Cart Button Style, and Shopping Cart.
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.

Typography

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.

Shopping Cart

Admin can choose Cart Heading, Text for Total, Item in Cart Text, Add to Cat Button Text, Button Color, and Background Color.

Generate Code

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.

Customer View

Customers can add a Simple product, virtual product, and the configurable product to Shopping Cart. Admin can add all type of custom options and customers can also choose options for the configurable product.

Checkout

After products add to the Shopping Cart, Click on the Cart customer will get “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 sig 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 “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 - 2.0.0

Supported Framework Version - 2.1.x, 2.2.x

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index