{"id":124762,"date":"2018-05-15T06:45:12","date_gmt":"2018-05-15T06:45:12","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=124762"},"modified":"2025-08-19T06:35:11","modified_gmt":"2025-08-19T06:35:11","slug":"magento2-buy-button","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-buy-button\/","title":{"rendered":"Buy Button for Magento 2"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Buy Button<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>This extension helps the store owner to increase the sale of the products.<\/p>\n\n\n\n<p>It is a plugin that provides a facility to sell or display your e-commerce store&#8217;s products on any website(cms or custom websites) like Joomla, OpenCart, WordPress(blogging website), etc.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p>Customers can easily check out the product on any website.&nbsp;<\/p>\n\n\n\n<p><strong>Note &#8211;&nbsp;<\/strong>Additionally, if you want an extension that allows your customers to make one step checkout then you must check <a href=\"https:\/\/store.webkul.com\/magento2-one-step-checkout.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Checkout Extension<\/a>.<\/p>\n\n\n\n<p>Watch the below video tutorial to understand the extension workflow:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"a4bTjkdbk_A\"><div class=\"components-placeholder__instructions\">a4bTjkdbk_A<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li><span data-preserver-spaces=\"true\">The store owner can create a buy button for a single product or collection of products.<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">The extension supports the buy button for a simple, configurable, and virtual product.<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">The admin can customize the view (font color, button background color, radius) of the buy button.<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">The merchant can change all the static text on the buy button for each button.<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">The button to buy a product comes with its cart(add, remove, update all operations supported).<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">Checkout will be done by, default magento2 checkout in a popup window.<\/span><\/li>\n\n\n\n<li><span data-preserver-spaces=\"true\">The generated code can be easily embedded on any website (CMS or Custom Websites).<\/span><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Customers will get a&nbsp;<strong>zip folder<\/strong>&nbsp;and they have to extract the contents of this zip folder on their system. The extracted folder has an<strong>&nbsp;src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app<\/strong>&nbsp;folder.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\"><img decoding=\"async\" width=\"1244\" height=\"564\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\" alt=\"webkul-magento2-installation_Buy button\" class=\"wp-image-124961\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png 1244w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation-768x348.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation-1200x544.png 1200w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You need to transfer this&nbsp;<strong>app<\/strong>&nbsp;folder into the Magento2 root directory on the server as shown below.<\/p>\n\n\n\n<p>After the successful installation, you have to run these commands in the&nbsp;Magento2 root directory.<\/p>\n\n\n\n<p><strong>First command<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<p><strong>Second Command<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<p><strong>Third Command&nbsp;<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<p>After running the commands, you have to flush the cache from the Magento admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong>&nbsp;as shown below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Buy button\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Multi-Lingual Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For Multilingual support, please navigate to&nbsp;<strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the&nbsp;<strong>Locale&nbsp;<\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581.png\"><img decoding=\"async\" width=\"1243\" height=\"636\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581.png\" alt=\"change-language-Buy button\" class=\"wp-image-90737\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581.png 1243w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581-768x393.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale-e1593445275581-1200x614.png 1200w\" sizes=\"(max-width: 1243px) 100vw, 1243px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Language Translation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For module translation, navigate to the following path in your system&nbsp;<strong> app\/code\/Webkul\/BuyButton\/i18n\/en_US.csv.<\/strong> Open the file named&nbsp;<strong>en_US.CSV&nbsp;<\/strong>for editing as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png\"><img decoding=\"async\" width=\"1263\" height=\"400\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png\" alt=\"LANGUAGE TRANSLATION\" class=\"wp-image-90738\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png 1263w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-768x243.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3-1200x380.png 1200w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-buy-button-translation-1.png\"><img decoding=\"async\" width=\"614\" height=\"356\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-buy-button-translation-1.png\" alt=\"webkul-magento2-buy-button-translation\" class=\"wp-image-154743\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-buy-button-translation-1.png 614w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-buy-button-translation-1-250x145.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-buy-button-translation-1-300x174.png 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then replace the words after the&nbsp;comma(,)on the right in the file with your translated words.<\/p>\n\n\n\n<p>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 &#8211;<strong>&nbsp;de_DE.CSV<\/strong>.<\/p>\n\n\n\n<p>Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png\"><br><\/a><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png\"><img decoding=\"async\" class=\"alignnone wp-image-90740\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png\" alt=\"Language translation Buy button\" width=\"800\" height=\"254\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3.png 1258w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-768x244.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/2016-05-02_16-25-34-3-1200x381.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Admin Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>After the <strong>Buy Button for Magento 2<\/strong> module installation, the admin will find the configuration settings panel. <\/p>\n\n\n\n<p>For this the store owner will navigate through <strong>Stores->Configuration->Webkul> Buy button\u00a0<\/strong>as per the below snapshot. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"712\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/initial-configuration-1.webp\" alt=\"initial-configuration (1)\" class=\"wp-image-430994\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/initial-configuration-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/initial-configuration-1-300x191.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/initial-configuration-1-250x159.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/initial-configuration-1-768x488.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Access Key &#8211;&nbsp;<\/strong>The admin can enter <strong>Access Key&nbsp;<\/strong>which will be used to give access to the buy button javascript.<\/p>\n\n\n\n<p><strong>Redirect To Original Product<\/strong> &#8211; 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.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"629\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/buy-button-cuatomization.webp\" alt=\"buy-button-cuatomization\" class=\"wp-image-430995\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/buy-button-cuatomization.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/buy-button-cuatomization-300x168.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/buy-button-cuatomization-250x140.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/buy-button-cuatomization-768x431.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin can create the button by following this path&nbsp; <strong>Buy Button&gt; Create Buy Button.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"658\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/create-buy-button.webp\" alt=\"create-buy-button\" class=\"wp-image-430996\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/create-buy-button.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/create-buy-button-300x176.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/create-buy-button-250x147.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/create-buy-button-768x451.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>By clicking on <strong>Create Buy Button<\/strong> option, the admin will get the option to select the Product.<\/p>\n\n\n\n<p>The admin can select a <strong>single product<\/strong> or <strong>collection of products<\/strong> to create a buy button.<img decoding=\"async\" class=\"alignnone size-full wp-image-430997\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/select-product.webp\" alt=\"select-product\" width=\"1120\" height=\"262\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/select-product.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/select-product-300x70.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/select-product-250x58.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/select-product-768x180.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Buy Button for Single Product<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>After selecting the option for a <strong>single product,<\/strong> the admin will get a pop-up slider, and there, admin can select the <strong>Store<\/strong>, <strong>Currency<\/strong>, and a <strong>product.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product.png\"><img decoding=\"async\" width=\"1079\" height=\"595\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product.png\" alt=\"webkul-magento2-single-product\" class=\"wp-image-124975\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product.png 1079w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product-250x138.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-single-product-768x424.png 768w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>&nbsp;<\/strong>Admin can search for products by name and can filter by the product types.<\/p>\n\n\n\n<p>After selection,&nbsp; click on <strong>Create Button<\/strong> then admin can customize the Button to buy a product.<\/p>\n\n\n\n<p>There, admin can change <strong>Template, Alignment, Size, Typography, Cart Button Style, and Shopping Cart.<\/strong><br><strong>Template-<\/strong>&nbsp;Here, the option allows the admin to select three different buy button layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1730\" height=\"823\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates.png\" alt=\"templates\" class=\"wp-image-257069\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates.png 1730w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates-1200x571.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates-768x365.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/templates-1536x731.png 1536w\" sizes=\"(max-width: 1730px) 100vw, 1730px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>First Template<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1769\" height=\"882\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2.png\" alt=\"template_1-2\" class=\"wp-image-257075\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2.png 1769w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2-1200x598.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2-768x383.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_1-2-1536x766.png 1536w\" sizes=\"(max-width: 1769px) 100vw, 1769px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Second Template<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1.png\"><img decoding=\"async\" width=\"1786\" height=\"806\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2.png\" alt=\"template_2\" class=\"wp-image-257000\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2.png 1786w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2-1200x542.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2-768x347.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_2-1536x693.png 1536w\" sizes=\"(max-width: 1786px) 100vw, 1786px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p><strong>Third Template<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1760\" height=\"1081\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1.png\" alt=\"template_3-1\" class=\"wp-image-257077\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1.png 1760w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1-300x184.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1-1200x737.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1-250x154.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1-768x472.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/template_3-1-1536x943.png 1536w\" sizes=\"(max-width: 1760px) 100vw, 1760px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note-<\/strong>Template option is available only for the <strong>single product<\/strong>.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Buy Button for Collection of Products<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-left\">After selecting the option for the <strong>collection of products,<\/strong> the admin will get a pop-up slider, and there, admin can select the <strong>Store<\/strong>, <strong>Currency<\/strong>, and <strong>products.&nbsp;<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4.png\"><img decoding=\"async\" width=\"1075\" height=\"600\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4.png\" alt=\"webkul-magento2-collection-products\" class=\"wp-image-124973\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4.png 1075w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4-250x140.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4-300x167.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-collection-products-4-768x429.png 768w\" sizes=\"(max-width: 1075px) 100vw, 1075px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Admin can search for products by <strong>name<\/strong> and can filter by the <strong>product types.<\/strong><br><\/p>\n\n\n\n<p>After selection,&nbsp; click on the&nbsp;<strong>Create Button<\/strong>&nbsp;then admin can&nbsp;customize the Buy Button. The admin can change <strong>Alignment, Size, Typography, Cart Button Style, and Shopping Cart <\/strong>as per below snapshot &#8211;<\/p>\n\n\n\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-257082\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection.png\" alt=\"collection\" width=\"1765\" height=\"909\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection.png 1765w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection-1200x618.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection-768x396.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/collection-1536x791.png 1536w\" sizes=\"(max-width: 1765px) 100vw, 1765px\" loading=\"lazy\" \/><br><strong>Alignment-<\/strong>Here, admin can choose three alignments(<strong>Left, Centre, and Right<\/strong>) of the buy button layout.<\/p>\n\n\n\n<p><strong>Size-<\/strong>Admin can change the <strong>Size (Small, Medium, Large)<\/strong> of the buy button layout.<\/p>\n\n\n\n<p><strong>Typography<\/strong><\/p>\n\n\n\n<p>Here, admin can choose <strong>Button Font, Heading Font, Price &amp; description Font, Heading Size, Heading Color, Price Size, and Price Color<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/typography-1.png\"><img decoding=\"async\" width=\"305\" height=\"585\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/typography-1.png\" alt=\"typography Buy button\" class=\"wp-image-124833\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/typography-1.png 305w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/typography-1-130x249.png 130w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/typography-1-156x300.png 156w\" sizes=\"(max-width: 305px) 100vw, 305px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>Cart Button Style<\/strong><\/p>\n\n\n\n<p>Admin can change <strong>Button Text Color, Button Background Color, Button Text Size, Button Border Radius, Button Text, and View Button Text. <\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Button-Style.png\"><img decoding=\"async\" width=\"323\" height=\"551\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Button-Style.png\" alt=\"webkul-magento2-Button-Style\" class=\"wp-image-124854\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Button-Style.png 323w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Button-Style-146x249.png 146w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Button-Style-176x300.png 176w\" sizes=\"(max-width: 323px) 100vw, 323px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong>Shopping Cart<\/strong><\/p>\n\n\n\n<p>Admin can choose<strong> Cart Heading, Text for Total, No Item in Cart Text, Item in Cart Text, Add to Cart Button Text, Button Color, and Background Color.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"444\" height=\"927\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/shopping_cart.png\" alt=\"shopping_cart\" class=\"wp-image-256984\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/shopping_cart.png 444w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/shopping_cart-144x300.png 144w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/shopping_cart-119x249.png 119w\" sizes=\"(max-width: 444px) 100vw, 444px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Generate Code<\/strong><\/p>\n\n\n\n<p>After the customization, the admin can generate code by clicking on the <strong>Generate Code <\/strong>button.<\/p>\n\n\n\n<p>The admin can copy this code and paste it into the source code of any website. like &#8211; Joomla, OpenCart, WordPress, etc. Then all the functionality will be embedded on that website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste.png\"><img decoding=\"async\" width=\"797\" height=\"599\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste.png\" alt=\"webkul-magento2-code-paste\" class=\"wp-image-124971\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste.png 797w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste-250x188.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste-300x225.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-code-paste-768x577.png 768w\" sizes=\"(max-width: 797px) 100vw, 797px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Customer View<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Customers can add a <strong>Simple product, virtual product, <\/strong>and <strong>the configurable product<\/strong> to Shopping Cart on other websites.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code.png\"><img decoding=\"async\" width=\"774\" height=\"1084\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code.png\" alt=\"webkul-magento2-Buy button_copy-code\" class=\"wp-image-124911\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code.png 774w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code-178x249.png 178w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code-214x300.png 214w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code-768x1076.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code-731x1024.png 731w\" sizes=\"(max-width: 774px) 100vw, 774px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option.png\"><img decoding=\"async\" width=\"735\" height=\"613\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option.png\" alt=\"webkul-magento2-custom-option\" class=\"wp-image-124902\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option.png 735w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option-250x209.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option-300x250.png 300w\" sizes=\"(max-width: 735px) 100vw, 735px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The customers will be able to choose options for the configurable product.<\/p>\n\n\n\n<p><strong>Checkout<\/strong><\/p>\n\n\n\n<p>After products add to the Shopping Cart, Click on the <strong>Cart<\/strong> customer will get the &#8220;<strong>Proceed to Checkout<\/strong>&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1888\" height=\"713\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart.png\" alt=\"cart\" class=\"wp-image-256969\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart.png 1888w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart-1200x453.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart-768x290.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/cart-1536x580.png 1536w\" sizes=\"(max-width: 1888px) 100vw, 1888px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking on &#8220;proceed to checkout&#8221;, Customer will get a <strong>default Magento2 Checkout<\/strong> pop-up window. In the window, the customer can sign up or sign in and put his\/her shipping address.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up.png\"><img decoding=\"async\" width=\"563\" height=\"643\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up.png\" alt=\"webkul-magento2-shipping\" class=\"wp-image-124918\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up.png 563w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up-218x249.png 218w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up-263x300.png 263w\" sizes=\"(max-width: 563px) 100vw, 563px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The customer can choose a shipping method and proceed to <strong>Next.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1.png\"><img decoding=\"async\" width=\"824\" height=\"569\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1.png\" alt=\"webkul-magento2-shipping1\" class=\"wp-image-124919\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1.png 824w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1-250x173.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1-300x207.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1-768x530.png 768w\" sizes=\"(max-width: 824px) 100vw, 824px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>After choosing the shipping method, the customer will get the &#8220;<strong>Place the Order<\/strong>&#8221; option. Click on &#8220;<strong>Place the<\/strong> <strong>Order<\/strong> &#8221; customer&#8217;s order will be placed.<img decoding=\"async\" class=\"alignnone size-full wp-image-257092\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4.png\" alt=\"checkout-4\" width=\"1893\" height=\"743\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4.png 1893w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4-300x118.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4-1200x471.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4-768x301.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/checkout-4-1536x603.png 1536w\" sizes=\"(max-width: 1893px) 100vw, 1893px\" loading=\"lazy\" \/><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase.png\"><img decoding=\"async\" width=\"712\" height=\"561\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase.png\" alt=\"webkul-magento2-order-place_Buy button\" class=\"wp-image-124928\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase.png 712w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase-250x197.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase-300x236.png 300w\" sizes=\"(max-width: 712px) 100vw, 712px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all for the <strong>Buy Button for Magento 2<\/strong> still have any issue feel free to add a ticket and let us know your views to make the module better &#8211;\u00a0<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/webkul.uvdesk.com\/<\/a><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>That\u2019s all for the 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 &#8211;\u00a0http:\/\/webkul.uvdesk.com\/<\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[6694,2070],"class_list":["post-124762","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-buy-button","tag-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Buy Button Extension | Embed Shopping Cart<\/title>\n<meta name=\"description\" content=\"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store&#039;s products on any website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Buy Button Extension | Embed Shopping Cart\" \/>\n<meta property=\"og:description\" content=\"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store&#039;s products on any website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-15T06:45:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-19T06:35:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Buy-Button-Facebook.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hari Narayan Bairwa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Buy-Button-Twitter.png\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hari Narayan Bairwa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\"},\"author\":{\"name\":\"Hari Narayan Bairwa\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/3045f8aa0cd8fd88e717a1ce992fd28b\"},\"headline\":\"Buy Button for Magento 2\",\"datePublished\":\"2018-05-15T06:45:12+00:00\",\"dateModified\":\"2025-08-19T06:35:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\"},\"wordCount\":1122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\",\"keywords\":[\"buy button\",\"Magento2\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\",\"name\":\"Magento 2 Buy Button Extension | Embed Shopping Cart\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\",\"datePublished\":\"2018-05-15T06:45:12+00:00\",\"dateModified\":\"2025-08-19T06:35:11+00:00\",\"description\":\"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store's products on any website.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-buy-button\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png\",\"width\":\"1244\",\"height\":\"564\",\"caption\":\"webkul-magento2-installation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-buy-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buy Button for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/3045f8aa0cd8fd88e717a1ce992fd28b\",\"name\":\"Hari Narayan Bairwa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a6a338b30516ddb586c33b38720ef1b7653d71d7859154701666200fb670d83c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a6a338b30516ddb586c33b38720ef1b7653d71d7859154701666200fb670d83c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Hari Narayan Bairwa\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/harinarayan-bd\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Buy Button Extension | Embed Shopping Cart","description":"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store's products on any website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-buy-button\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Buy Button Extension | Embed Shopping Cart","og_description":"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store's products on any website.","og_url":"https:\/\/webkul.com\/blog\/magento2-buy-button\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-05-15T06:45:12+00:00","article_modified_time":"2025-08-19T06:35:11+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Buy-Button-Facebook.png","type":"image\/png"}],"author":"Hari Narayan Bairwa","twitter_card":"summary_large_image","twitter_image":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/Buy-Button-Twitter.png","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Hari Narayan Bairwa","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/"},"author":{"name":"Hari Narayan Bairwa","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/3045f8aa0cd8fd88e717a1ce992fd28b"},"headline":"Buy Button for Magento 2","datePublished":"2018-05-15T06:45:12+00:00","dateModified":"2025-08-19T06:35:11+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/"},"wordCount":1122,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png","keywords":["buy button","Magento2"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-buy-button\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/","url":"https:\/\/webkul.com\/blog\/magento2-buy-button\/","name":"Magento 2 Buy Button Extension | Embed Shopping Cart","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png","datePublished":"2018-05-15T06:45:12+00:00","dateModified":"2025-08-19T06:35:11+00:00","description":"Buy button plugin provides the facility to increase the sale with sell or display of e-commerce store's products on any website.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-buy-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-installation.png","width":"1244","height":"564","caption":"webkul-magento2-installation"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-buy-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Buy Button for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/3045f8aa0cd8fd88e717a1ce992fd28b","name":"Hari Narayan Bairwa","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a6a338b30516ddb586c33b38720ef1b7653d71d7859154701666200fb670d83c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a6a338b30516ddb586c33b38720ef1b7653d71d7859154701666200fb670d83c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Hari Narayan Bairwa"},"url":"https:\/\/webkul.com\/blog\/author\/harinarayan-bd\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/124762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=124762"}],"version-history":[{"count":84,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/124762\/revisions"}],"predecessor-version":[{"id":472122,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/124762\/revisions\/472122"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=124762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=124762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=124762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}