{"id":154588,"date":"2018-12-18T06:58:35","date_gmt":"2018-12-18T06:58:35","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=154588"},"modified":"2024-03-21T13:19:43","modified_gmt":"2024-03-21T13:19:43","slug":"magento2-shopping-cart-embed-code-widget","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/","title":{"rendered":"Magento 2 Multi Vendor Buy Button"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/magento2-multi-merchant-buy-button.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Multi Merchant Buy Button<\/a> module enables the admin and the marketplace sellers to sell products on other websites (cms or custom websites) like Joomla, OpenCart, WordPress (blogging website), etc. This module will extend the visibility of the seller&#8217;s products.<\/p>\n<p>The seller can create a buy button for a single product as well as a collection of products. The sellers just need to copy a line of code from their Magento seller account and paste it on any website.<\/p>\n<p>The customers will get a full-featured shopping cart which let the customer checkout from any website easily.<\/p>\n<p><strong>Note:<\/strong><\/p>\n<ul>\n<li>This module is a marketplace add-on. So, <strong><a href=\"https:\/\/store.webkul.com\/magento2-multi-vendor-marketplace.html\" target=\"_blank\" rel=\"noopener noreferrer\">Magento 2 Marketplace Module<\/a><\/strong>\u00a0module must be installed.<\/li>\n<li>Other websites must be <strong>javascript<\/strong> supported.<\/li>\n<\/ul>\n<p>To get more clear idea on the module, kindly review the video below-<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"nvOtbxsvVdc\">\n<div class=\"components-placeholder__instructions\"><a href=\"https:\/\/www.youtube.com\/watch?v=nvOtbxsvVdc&amp;feature=youtu.be\">nvOtbxsvVdc<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Features<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>The admin can create the buy button for single products and the collection of products.<\/li>\n<li>The admin can even create the buy button for single or multiple products of the sellers.<\/li>\n<li>The sellers can create the buy button for their single products and collection of products.<\/li>\n<li>The module supports simple, configurable, and virtual products.<\/li>\n<li>All types of custom options are supported.<\/li>\n<li>The admin and the seller can customize the view (font color, button background color, radius) of the buy button.<\/li>\n<li>The admin and the seller can change all the static text on the buy button for each buy button.<\/li>\n<li>Buy Button comes with its own cart (add, remove, update all operations supported).<\/li>\n<li>Checkout will be done by default magento 2 checkout in a popup window.<\/li>\n<li>The generated code can be easily embedded on any website (CMS or Custom Websites).<\/li>\n<li>The admin can upload the default product picture from the admin panel.<\/li>\n<li>The extension is compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noopener\">Hyva Theme<\/a>.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><strong>NOTE<\/strong><\/span><strong> &#8211; If a product will not have any image then a broken image will not display (while creating the Buy Button for the collection). Now, it will display the image, uploaded by the admin from the admin configuration.<\/strong><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Installation &#8211; Multi Merchant Buy Button<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>Customers will get a\u00a0<strong>zip folder<\/strong>\u00a0and they have to extract the contents of this zip folder on their system. The extracted folder has an\u00a0<strong>src<\/strong>\u00a0folder, inside the src folder you have the\u00a0<strong>app<\/strong>\u00a0folder.\u00a0You need to transfer this\u00a0<strong>app<\/strong> folder\u00a0into the Magento 2 root directory on the server as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\"><img decoding=\"async\" class=\"alignnone wp-image-90732\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\" alt=\"INSTALLATION\" width=\"800\" height=\"253\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the successful installation, you have to run these commands in the Magento 2 root directory.<\/p>\n<p><strong>First command &#8211; php bin\/magento setup:upgrade<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-134050 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd1.png\" alt=\"cmd1\" width=\"578\" height=\"109\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd1.png 578w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd1-250x47.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd1-300x57.png 300w\" sizes=\"(max-width: 578px) 100vw, 578px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Second Command &#8211; php bin\/magento setup:di:compile<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-134051 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd2.png\" alt=\"cmd2\" width=\"635\" height=\"128\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd2.png 635w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd2-250x50.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd2-300x60.png 300w\" sizes=\"(max-width: 635px) 100vw, 635px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Third Command &#8211;\u00a0php\u00a0bin\/magento\u00a0setup:static-content:deploy<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd3.png\"><img decoding=\"async\" class=\"aligncenter wp-image-134052 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd3.png\" alt=\"cmd3\" width=\"620\" height=\"122\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd3.png 620w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd3-250x49.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/cmd3-300x59.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After running the commands,\u00a0you have to flush the cache from the Magento admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong>\u00a0as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/4-11.png\"><img decoding=\"async\" class=\"alignnone wp-image-90736\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/4-11.png\" alt=\"INSTALLATION\" width=\"800\" height=\"333\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Multi-Lingual Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For Multilingual support, please navigate to\u00a0<strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the\u00a0<strong>Locale\u00a0<\/strong>option.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale.png\"><img decoding=\"async\" class=\"alignnone wp-image-90737\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/change-language-magento-2-locale.png\" alt=\"change-language-magento-2-locale\" width=\"800\" height=\"381\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Language Translation &#8211; MultiMerchant Buy Button<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For module translation, navigate to the following path in your system\u00a0<strong> app\/code\/Webkul\/MpBuyButton\/en_US.csv.<\/strong> Open the file named\u00a0<strong>en_US.CSV\u00a0<\/strong>for editing as shown in the below screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png\"><img decoding=\"async\" class=\"alignnone wp-image-90738\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/22-3.png\" alt=\"LANGUAGE TRANSLATION\" width=\"800\" height=\"253\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Then replace the words after the\u00a0<strong>comma(,)\u00a0<\/strong>on the right in the file with your translated words.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154727\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1.png\" alt=\"csv\" width=\"800\" height=\"427\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1-300x160.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1-768x410.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/csv-1-1200x640.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\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>\u00a0de_DE.CSV<\/strong>. Followed by uploading the translated file to the same folder from where you have obtained it. Now your module translation is complete.<\/p>\n<p><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\" 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<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Module Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the installation, the admin will configure the module settings. For this, the admin will navigate to\u00a0<strong>Stores -&gt; Configuration -&gt; Webkul -&gt;Marketplace Buy Button\u00a0<\/strong>as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-291887 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/11111.png\" alt=\"\" width=\"1189\" height=\"551\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/11111.png 1189w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/11111-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/11111-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/11111-768x356.png 768w\" sizes=\"(max-width: 1189px) 100vw, 1189px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin will:<\/p>\n<ul>\n<li><strong>Access Key \u2013\u00a0<\/strong>Enter\u00a0<strong>Access Key <\/strong>as per the requirement. This configured key will be there in the &#8220;Buy&#8221; button code\u00a0which will be used to give access to the buy button javascript.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154697\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key.png\" alt=\"key\" width=\"800\" height=\"319\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key-300x120.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key-768x306.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/key-1200x479.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Enable for Sellers<\/strong> &#8211; Select\u00a0<strong>Yes\u00a0<\/strong>to enable the module for the marketplace sellers. Else, select\u00a0<strong>No.<\/strong><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Create Multi Merchant Buy Button &#8211; Admin End<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Now, the admin will create the &#8220;Buy&#8221; button. For this, the admin will navigate to\u00a0<strong>Buy Button -&gt; Create Buy Button\u00a0<\/strong>as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154616\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create.png\" alt=\"create\" width=\"800\" height=\"343\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create.png 1364w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create-300x128.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create-768x329.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/create-1200x514.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Clicking the\u00a0<strong>Create Buy Button<\/strong> will navigate the admin to the\u00a0<strong>Select Product\u00a0<\/strong>page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154640\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1.png\" alt=\"select\" width=\"800\" height=\"228\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1.png 1283w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1-250x71.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1-300x85.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1-768x218.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-1-1200x341.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin will either select the:<\/p>\n<ul>\n<li><strong>Select Product<\/strong> &#8211;\u00a0 Create the buy button for the single product of the admin.<\/li>\n<li><strong>Seller Product<\/strong> &#8211; Create the buy button for the single or multiple products of the seller.<\/li>\n<li><strong>Collection Product<\/strong> &#8211;\u00a0Create the buy button for the many products.<\/li>\n<\/ul>\n<h3><span style=\"text-decoration: underline;\">Create Buy Button For Single Product:<\/span><\/h3>\n<p>After selecting the\u00a0<strong>Single product<\/strong>\u00a0option<strong>,<\/strong>\u00a0the admin will get a pop-up slider as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154619\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product.png\" alt=\"single product\" width=\"800\" height=\"441\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product.png 1079w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product-250x138.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-single-product-768x424.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin will select the\u00a0<strong>Store<\/strong>,\u00a0<strong>Currency<\/strong>, and <strong>product. <\/strong>The admin can search products by name and can filter by the product types.<\/p>\n<p>After this, click on\u00a0<strong>Create Button\u00a0<\/strong>which will navigate the admin to the\u00a0<strong>Start Customizing <\/strong>page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154700\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single.png\" alt=\"single\" width=\"800\" height=\"483\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single.png 1127w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single-250x151.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single-300x181.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/single-768x463.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin can customize the Buy button like-<\/p>\n<ul>\n<li><strong><strong>Template &#8211; <\/strong><\/strong>Select any template for Buy button layouts.<br \/>\n<strong><br \/>\nTemplate 1<\/strong><br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124985\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template1.png\" alt=\"webkul-magento2-template1\" width=\"800\" height=\"608\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template1.png 655w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template1-250x190.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template1-300x228.png 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><strong>Template 2<br \/>\n<\/strong><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1.png\"><br \/>\n<\/a><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124988\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1.png\" alt=\"webkul-magento2-template2\" width=\"800\" height=\"566\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1.png 636w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1-250x177.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template2-1-300x212.png 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><strong><strong>Template 3<\/strong><\/strong><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template3.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124987\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template3.png\" alt=\"webkul-magento2-template3\" width=\"800\" height=\"718\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template3.png 616w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template3-250x224.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-template3-300x269.png 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><strong><br \/>\nNote-<\/strong>Template option is available only for a\u00a0<strong>single product<\/strong>.<\/li>\n<li><strong><strong> Alignment &#8211; <\/strong><\/strong>Choose three alignments(<strong>Left, Centre, and Right<\/strong>) of the buy button layout.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154627\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment.png\" alt=\"alignment\" width=\"800\" height=\"451\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment.png 1044w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/alignment-768x433.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Typography &#8211; <\/strong>Choose\u00a0Button Font, Heading Font, Price &amp; description Font, Heading Size, Heading Color, Price Size, and Price Color.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154631\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography.png\" alt=\"typography\" width=\"800\" height=\"810\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography.png 1121w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography-246x249.png 246w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography-296x300.png 296w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography-768x778.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/typography-1011x1024.png 1011w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Cart Button Style &#8211; <\/strong>Change Button Text Color, Button Background Color, Button Text Size, Button Border Radius, Button Text, and View Button Text.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154632\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style.png\" alt=\"style\" width=\"800\" height=\"887\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style.png 989w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style-224x249.png 224w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style-270x300.png 270w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style-768x852.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/style-923x1024.png 923w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Shopping Cart &#8211; <\/strong>Choose Cart Heading, Text for Total, Item in Cart Text, Add to Cat Button Text, Button Color, and Background Color.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154633\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng.png\" alt=\"cart\" width=\"800\" height=\"769\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng.png 1106w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng-250x240.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng-300x288.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng-768x738.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/cartpng-1065x1024.png 1065w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Generate Code<\/strong><\/span><\/p>\n<p>After the customization, the admin will generate a code by clicking on\u00a0the <strong>Generate Code\u00a0<\/strong>button and a pop-up will appear.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154635\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code.png\" alt=\"code\" width=\"800\" height=\"321\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code.png 1237w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code-250x100.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code-300x121.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code-768x309.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/code-1200x482.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>The admin will copy this code and paste into the source code of any website. like \u2013 Joomla, OpenCart, WordPress etc. Then, all the functionality will be embedded on that website.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154636\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste.png\" alt=\"paste\" width=\"800\" height=\"601\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste.png 797w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste-250x188.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste-300x225.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-code-paste-768x577.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<h3><span style=\"text-decoration: underline;\">Create Buy Button For Single or Multiple Products Of The Seller:<\/span><\/h3>\n<p>For creating the <strong class=\"\">Buy Button\u00a0<\/strong>for a single or multiple products of the seller, the admin can click on the Select Seller Products as shown in the image below &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-200242\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png\" alt=\"select seller products\" width=\"1286\" height=\"522\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-seller-products.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/p>\n<p>Now, the admin can select the single or multiple products of the seller as shown in the image below and then click on the create button &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-200247\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png\" alt=\"select multiple seller products\" width=\"800\" height=\"394\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png 1295w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-multiple-seller-products.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin can select the <strong>Store<\/strong>,\u00a0<strong>Currency<\/strong>, and <strong>Single<\/strong> or <strong>Multiple <\/strong><strong>Products.\u00a0<\/strong>The admin can also search the products by the name and can filter by the product types.<\/p>\n<p>After this, click on\u00a0<strong>Create Button\u00a0<\/strong>which will navigate the admin to the\u00a0<strong>Start Customizing buy button <\/strong>page. Here, the admin can follow the same steps to customize the buy button as describe in the <strong>Create buy button for the single product<\/strong> section.<\/p>\n<h3><span style=\"text-decoration: underline;\">Create Buy Button For Collection:<\/span><\/h3>\n<p>After selecting the\u00a0<strong>Select Collection<\/strong>\u00a0option<strong>,<\/strong>\u00a0the admin will get a pop-up slider as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154643\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4.png\" alt=\"select\" width=\"800\" height=\"447\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4.png 1075w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4-250x140.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4-300x167.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/webkul-magento2-collection-products-4-768x429.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin will select the\u00a0<strong>Store<\/strong>,\u00a0<strong>Currency<\/strong>, and <strong>Multiple<\/strong>\u00a0<strong>Products.\u00a0<\/strong>The admin can search product by the name and can filter by the product types.<\/p>\n<p>After this, click on\u00a0<strong>Create Button\u00a0<\/strong>which will navigate the admin to the\u00a0<strong>Start Customizing\u00a0<\/strong>page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154645\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection.png\" alt=\"collection\" width=\"800\" height=\"478\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection.png 1178w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection-250x149.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection-300x179.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/collection-768x459.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin can customize the Buy button using the option &#8211;\u00a0<strong>Alignment, Size, Typography, Cart Button Style,\u00a0<\/strong>and\u00a0<strong>Shopping Cart.<\/strong><\/p>\n<p><strong>Generate Code<\/strong><\/p>\n<p>After the customization, the admin will generate a code by clicking the\u00a0<strong>Generate Code\u00a0<\/strong>button. Then, copy that code and paste into the source code of any website. like \u2013 Joomla, OpenCart, WordPress etc.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Create Buy Button &#8211; Seller End<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For creating the buy button, the seller will navigate to\u00a0<strong>Buy Button -&gt; Create Buy Button.<\/strong>\u00a0Clicking the\u00a0<strong>Create Buy Button<\/strong>\u00a0will navigate the seller to the\u00a0<strong>Select Product\u00a0<\/strong>page as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154670\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2.png\" alt=\"select\" width=\"800\" height=\"284\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2.png 1362w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2-250x89.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2-300x106.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2-768x272.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/select-2-1200x426.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the seller will either select the:<\/p>\n<ul>\n<li><strong>Select Product<\/strong>\u00a0\u2013\u00a0 Create the buy button for the single product.<\/li>\n<li><strong>Collection Product<\/strong>\u00a0\u2013\u00a0Create the buy button for the many products.<\/li>\n<\/ul>\n<h3><span style=\"text-decoration: underline;\">Create Buy Button For Single Product:<\/span><\/h3>\n<p>After selecting the\u00a0<strong>Single product<\/strong>\u00a0option<strong>,<\/strong>\u00a0the seller will get a pop-up slider as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154671\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up.png\" alt=\"pop-up\" width=\"800\" height=\"426\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up-300x160.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/pop-up-768x409.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the seller will select the\u00a0<strong>Store<\/strong>,\u00a0<strong>Currency<\/strong>, and a\u00a0<strong>product.\u00a0<\/strong>The seller can search product by the name and can filter by the product types.<\/p>\n<p>After this, click on\u00a0<strong>Create Button\u00a0<\/strong>which will navigate the seller to the\u00a0<strong>Start Customizing\u00a0<\/strong>page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154673\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize.png\" alt=\"customize\" width=\"800\" height=\"455\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize-250x142.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize-300x171.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize-768x437.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/customize-1200x683.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin can customize the Buy button using the options &#8211;\u00a0<strong>Template, Alignment, Typography, Cart Button Style,\u00a0<\/strong>and\u00a0<strong>Shopping Cart.<\/strong><\/p>\n<p><strong>Generate Code<\/strong><\/p>\n<p>After the customization, the admin will generate a code by clicking the\u00a0<strong>Generate Code\u00a0<\/strong>button. Then, copy that code and paste into the source code of any website. like \u2013 Joomla, OpenCart, WordPress etc.<\/p>\n<h3><span style=\"text-decoration: underline;\">Create Buy Button For Collection:<\/span><\/h3>\n<p>After selecting the\u00a0<strong>Select Collection<\/strong>\u00a0option<strong>,<\/strong>\u00a0the seller will get a pop-up slider as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154674\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products.png\" alt=\"pop-up\" width=\"800\" height=\"352\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products-768x338.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-products-1200x528.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the seller will select the\u00a0<strong>Store<\/strong>,\u00a0<strong>Currency<\/strong>, and\u00a0<strong>Multiple<\/strong>\u00a0<strong>Products.\u00a0<\/strong>The seller can search products by name and can filter by product type.<\/p>\n<p>After this, click on\u00a0<strong>Create Button\u00a0<\/strong>which will navigate the seller to the\u00a0<strong>Start Customizing\u00a0<\/strong>page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple.png\"><img decoding=\"async\" class=\"aligncenter wp-image-154675 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple.png\" alt=\"multiple\" width=\"1288\" height=\"758\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple.png 1288w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-250x147.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-300x177.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-768x452.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/multiple-1200x706.png 1200w\" sizes=\"(max-width: 1288px) 100vw, 1288px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin can customize the Buy button using the option &#8211;\u00a0<strong>Alignment, Size, Typography, Cart Button Style,\u00a0<\/strong>and\u00a0<strong>Shopping Cart.<\/strong><\/p>\n<p><strong>Generate Code<\/strong><\/p>\n<p>After the customization, the admin will generate a code by clicking the\u00a0<strong>Generate Code\u00a0<\/strong>button. Then, copy that code and paste into the source code of any website. like \u2013 Joomla, OpenCart, WordPress, etc.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Customer View &#8211; Multi Merchant Buy Button<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The customers can add a <strong>Simple product, virtual product, <\/strong>and <strong>configurable product<\/strong> to their shopping cart on other websites using the Multi Merchant Buy Button. <a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124911\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-copy-code.png\" alt=\"webkul-magento2-copy-code\" width=\"800\" height=\"1120\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124902\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-custom-option.png\" alt=\"webkul-magento2-custom-option\" width=\"800\" height=\"667\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Note:<\/strong><\/span><\/p>\n<ul>\n<li>Add all types of custom options which will be displayed on other websites as well.<\/li>\n<li>The customers can choose options for the configurable product.<\/li>\n<\/ul>\n<p><strong>Checkout<\/strong><\/p>\n<p>After adding the products to the shopping\u00a0cart, the customer will proceed to checkout. For this, the customer will click on the <strong>Cart<\/strong>\u00a0icon and will get the &#8220;<strong>Proceed to Checkout<\/strong> &#8221; button as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-magento2-checkout.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-216653\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-magento2-checkout.png\" alt=\"webkul-magento2-checkout\" width=\"751\" height=\"332\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-magento2-checkout.png 751w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-magento2-checkout-300x133.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-magento2-checkout-250x111.png 250w\" sizes=\"(max-width: 751px) 100vw, 751px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking on &#8220;<strong>Proceed to Checkout<\/strong>&#8220;, the customer will get a <strong>Default Magento 2 Checkout<\/strong> pop-up window. In the window, the customers can sign up or sig in and put their shipping address.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124918\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-sign-up.png\" alt=\"webkul-magento2-shipping\" width=\"800\" height=\"914\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will choose a shipping method and proceed to the <strong>Next.<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124919\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-shipping1.png\" alt=\"webkul-magento2-shipping1\" width=\"800\" height=\"552\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After choosing the shipping method, the customer will select the payment method.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124925\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1.png\" alt=\"webkul-magento2-order-place\" width=\"800\" height=\"461\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1.png 1260w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1-250x144.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1-300x173.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1-768x443.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-order-place-1-1200x691.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<p>And, finally place the order successfully by clicking the &#8220;<strong>Place the<\/strong> <strong>Order<\/strong>&#8221; button.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase.png\"><img decoding=\"async\" class=\"aligncenter wp-image-124928\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/05\/webkul-magento2-phurchase.png\" alt=\"webkul-magento2-order-place\" width=\"800\" height=\"630\" 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: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Responsive<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The Buy button-cart is responsive for all kinds of screen sizes and can adjust itself with the Mobile screen, Tablet screen, and Desktop screen.<\/p>\n<div class=\"wk-image-wrapper\">\n<div class=\"wk-wrapper-left\" title=\"Add Image\">\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/12\/mockup-1-576x1024-1.png\" alt=\"Responsiveness\" width=\"576\" height=\"1024\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>That\u2019s all for the <strong>Magento 2 Multi Merchant Buy Button <\/strong>extension<strong>.\u00a0<\/strong>If you\u00a0still have any issue, feel free to add a ticket and let us know your views at\u00a0<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/webkul.uvdesk.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Multi Merchant Buy Button module enables the admin and the marketplace sellers to sell products on other websites (cms or custom websites) like Joomla, OpenCart, WordPress (blogging website), etc. This module will extend the visibility of the seller&#8217;s products. The seller can create a buy button for a single product as well as <a href=\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":152,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,211],"tags":[6694,7914],"class_list":["post-154588","post","type-post","status-publish","format-standard","hentry","category-magento2","category-marketplace-2","tag-buy-button","tag-generate-buy-button-code"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code<\/title>\n<meta name=\"description\" content=\"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.\" \/>\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-shopping-cart-embed-code-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\" \/>\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-12-18T06:58:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T13:19:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\" \/>\n<meta name=\"author\" content=\"Kajal Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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=\"Kajal Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\"},\"author\":{\"name\":\"Kajal Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc\"},\"headline\":\"Magento 2 Multi Vendor Buy Button\",\"datePublished\":\"2018-12-18T06:58:35+00:00\",\"dateModified\":\"2024-03-21T13:19:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\"},\"wordCount\":1785,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\",\"keywords\":[\"buy button\",\"Generate Buy Button Code\"],\"articleSection\":[\"Magento2\",\"Marketplace\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\",\"name\":\"Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\",\"datePublished\":\"2018-12-18T06:58:35+00:00\",\"dateModified\":\"2024-03-21T13:19:43+00:00\",\"description\":\"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png\",\"width\":1302,\"height\":384,\"caption\":\"INSTALLATION\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Multi Vendor Buy Button\"}]},{\"@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\/eeac324d79cd929a522950586c3d26bc\",\"name\":\"Kajal Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Kajal Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/kajalsharma-magento920\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code","description":"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.","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-shopping-cart-embed-code-widget\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code","og_description":"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.","og_url":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-12-18T06:58:35+00:00","article_modified_time":"2024-03-21T13:19:43+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png","type":"","width":"","height":""}],"author":"Kajal Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kajal Sharma","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/"},"author":{"name":"Kajal Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc"},"headline":"Magento 2 Multi Vendor Buy Button","datePublished":"2018-12-18T06:58:35+00:00","dateModified":"2024-03-21T13:19:43+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/"},"wordCount":1785,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png","keywords":["buy button","Generate Buy Button Code"],"articleSection":["Magento2","Marketplace"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/","url":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/","name":"Magento 2 Multi-Vendor Buy Button | Shopping Cart Embed Code","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png","datePublished":"2018-12-18T06:58:35+00:00","dateModified":"2024-03-21T13:19:43+00:00","description":"Magento 2 Multi Merchant Buy Button module helps sellers to sell their products on other website. It provides a full-fledged shopping cart.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/1-9-e1634634198330.png","width":1302,"height":384,"caption":"INSTALLATION"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-shopping-cart-embed-code-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Multi Vendor Buy Button"}]},{"@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\/eeac324d79cd929a522950586c3d26bc","name":"Kajal Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Kajal Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/kajalsharma-magento920\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/154588","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\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=154588"}],"version-history":[{"count":51,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/154588\/revisions"}],"predecessor-version":[{"id":422992,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/154588\/revisions\/422992"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=154588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=154588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=154588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}