Menu Close
    Hire us Request quote Reading list Switch to dark mode

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

    Features

    • 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).

    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.webkul-magento2-installation

    After the successful installation, you have to run these commands in the Magento2 root directory.
    First command-


    command-1
    Second Command –


    command-2Third Command –


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

    Installation Of Facebook Wall Post for Magento2

    Multi-Lingual Configuration

    For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

    change-language-magento-2-locale

    Language Translation

    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.

    LANGUAGE TRANSLATION

    Then replace the words after the comma(,)on the right in the file with your translated words.webkul-magento2-buy-button-translation

    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.
    Language translation

    Admin Configuration

    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 –

    webkul-magento2-admin-config

    Access Key – The admin can enter Access Key which will be used to give access to the buy button javascript.

    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.

    webkul-magento2-create-buybutton.png

    The admin can create a buy button by following this path  Buy Button> Create Buy Button.

    webkul-magento2-dashboard-admin

    By clicking 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 a buy button.webkul-magento2-Select-Products

    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.webkul-magento2-single-product

    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.

    webkul-magento2-custom-page1

    Template 1.webkul-magento2-template1

    Template 2


    webkul-magento2-template2

    Template 3

    webkul-magento2-template3

    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.
    webkul-magento2-collection-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 –

    webkul-magento2-custom-page2
    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.

    typography

    Cart Button Style

    Admin can change Button Text Color, Button Background Color, Button Text Size, Button Border Radius, Button Text, and View Button Text.

    webkul-magento2-Button-Style

    Shopping Cart

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

    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.

    webkul-magento2-code-paste

    Customer View

    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.webkul-magento2-copy-codewebkul-magento2-custom-option

    Checkout

    After products add to the Shopping Cart, Click on the Cart customer will get the “Proceed to Checkout ” button.webkul-magneto2-checkout

    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.

    webkul-magento2-shipping

    The customer can choose a shipping method and proceed to Next.

    webkul-magento2-shipping1

    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.webkul-magento2-order-place

    webkul-magento2-order-place

    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

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close

    Table of Content

    Hide Index