{"id":223346,"date":"2020-01-16T13:26:03","date_gmt":"2020-01-16T13:26:03","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=223346"},"modified":"2023-10-06T07:44:08","modified_gmt":"2023-10-06T07:44:08","slug":"shopware6-buy-button","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopware6-buy-button\/","title":{"rendered":"Buy Button for Shopware 6"},"content":{"rendered":"\n
Buy Button for Shopware 6 allows customers to purchase a particular product right away by clicking a “Buy Now” button. This module adds a \u201cBuy Now” button on the product page. With the use of this button, customers can directly go to the checkout page to purchase the product.<\/p>\n\n\n\n
Check a brief overview of the plugin – <\/p>\n\n\n\n
RRa5e-ig28Q<\/div><\/div><\/div><\/div>\n\n\n\n
Features<\/h3><\/div>
\n
\n
Adds the \u201cBuy Now\u201d button on the product and category page.<\/li>\n\n\n\n
By clicking the ‘Buy Now’ button it redirects to the user on the checkout confirmation page.<\/li>\n\n\n\n
It makes the purchase process fast and easy.<\/li>\n\n\n\n
Admin can customize view(font color, button background color, text font) of the buy button.<\/li>\n\n\n\n
Admin can select redirect option like cart page or checkout page<\/li>\n<\/ul>\n<\/div>\n\n\n\n
Installation<\/h3><\/div>
\n
Shopware provides two ways to upload the plugin to the server.<\/p>\n\n\n\n
\n
Using Command<\/li>\n\n\n\n
Manual installation<\/li>\n<\/ol>\n\n\n\n
Installation using commands<\/h3>\n\n\n\n
Customers will get a zip folder, <\/strong>and they have to extract the contents<\/strong> of this zip folder on their system. After extracting the WebkulBuyButton<\/strong> folder, the customer needs to transfer<\/strong> these custom > plugins<\/strong> on the server, as shown in the image below:<\/p>\n\n\n\n<\/figure>\n\n\n\n
After the successful installation, you have to run these commands in the Shopware root directory.
Go to your Shopware installation Root directory<\/strong> and run this command to install then activate the plugin \u2013 <\/p>\n\n\n\n
To clear the cache run this command \u2013<\/p>\n\n\n\n
php bin\/console cache:clear<\/pre>\n\n\n\n
Now refresh the administration.<\/p>\n\n\n\n
After that, visit administration Extensions-> My<\/strong> Extension<\/strong>, the Buy Button plugin will be listed there.<\/p>\n\n\n\n
Manual Installation<\/h3>\n\n\n\n
For the manual installation of the plugin follow the steps as mentioned below:<\/p>\n\n\n\n
Step 1:<\/strong> In the Shopware6 Backend go to plugin manager by navigating to Extensions -> My Extensions.<\/strong><\/p>\n\n\n\n<\/figure>\n\n\n\n
Step 2: <\/strong>Just after clicking on the Extensions, the My Extensions<\/strong> page will appear. The existing plugins are visible here. Click on the Upload extension<\/strong> to add a new plugin to the list. Select the zip folder of the plugin which has to be updated.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Step 3: <\/strong>After that, <\/strong>the recently uploaded plugin will be visible on the list of plugins. Furthermore, the admin can install the plugin by clicking on the Install<\/strong> option in the dropdown.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Once the plugin gets installed the success message will popup saying \u201cYour plugin has been installed.\u201d Step 4: <\/strong>After the installation, the admin will activate the plugin by turning the radio button ON.<\/p>\n\n\n\n<\/figure>\n\n\n\n
After the installation, run this command to clear the cache:<\/p>\n\n\n\n
After the successful installation of the Shopware pre-order module, the admin can configure the module.<\/p>\n\n\n\n
For that, they need to navigate through Setting>Extensions>Buy Buttom Configuration <\/strong>and then click on the Buy button configuration.<\/p>\n\n\n\n\n<\/figure>\n<\/figure>\n\n\n\n
Hence the admin can amend the font style, size, and color of the content appearing on the product collection page. The admin needs to specify-<\/p>\n\n\n\n
\n
Configuration Prority – <\/strong>If Product Configuration selected then selected\/allowed product show buy button otherwise all product show buy button.<\/li>\n\n\n\n
Buy Button Text-<\/strong> The admin can even amend the text that is appearing on the cart from <\/span>Button Text.<\/strong><\/li>\n\n\n\n
Buy Button Color-<\/strong> The admin can set the color of the Buy button.<\/li>\n\n\n\n
Text Color-<\/strong> The admin can set the color of the text for the buy button.<\/li>\n\n\n\n
Text Size-<\/strong> The admin can set the size of the text of the button to make it readable for the customer.<\/li>\n\n\n\n
Redirect Option – <\/strong>In this after clicking on buy button it will automatically redirect to the selected page like checkout page or cart page.<\/li>\n<\/ul>\n\n\n\n
After adding all the details click on the Save button.<\/p>\n\n\n\n
After enabling the module, a customer can see the \u201cBuy Now<\/strong>\u201d button on the category page. <\/p>\n\n\n\n
Category Page<\/h3>\n\n\n\n<\/figure>\n\n\n\n
Product Page<\/h3>\n\n\n\n
Customers will click on the \u201cBuy Now<\/strong>\u201d button on the product page it will redirect to the page selected in the redirection option.<\/p>\n\n\n\n<\/figure>\n\n\n\n
![\"upload-plugin-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/upload-plugin-1-1200x441.png\")
<\/figure>\n\n\n\n![\"shopware-6-buy-now-button-My-Extension\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/shopware-6-buy-now-button-My-Extension.png\")
<\/figure>\n\n\n\n![\"shopware-6-buy-now-button-upload-extension\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/shopware-6-buy-now-button-upload-extension-1200x617.png\")
<\/figure>\n\n\n\n![\"shopware-6-buy-now-button-extension-uninstall\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/shopware-6-buy-now-button-extension-uninstall.png\")
<\/figure>\n\n\n\n![\"shopware-6-buy-now-button-extension-activate\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/shopware-6-buy-now-button-extension-activate-1200x559.png\")
<\/figure>\n\n\n\n![\"Settings-_-Shopw\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Settings-_-Shopw-1200x620.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"Settings-Shopware-Administration-9\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Settings-Shopware-Administration-9-1200x675.png\")
<\/figure>\n<\/div>\n\n\n\n![\"Buy-Now-Button\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Buy-Now-Button.png\")
<\/figure>\n\n\n\n![\"Main-product\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Main-product-1200x627.png\")
<\/figure>\n\n\n\n![\"Webkul-shop-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Webkul-shop-1.png\")
<\/figure>\n\n\n\n![\"webkul_shop-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/webkul_shop-1-1200x623.png\")
<\/figure>\n\n\n\n![\"send-order\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/send-order-1200x829.png\")
<\/figure>\n<\/div>\n\n\n\n![\"order-placed\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/01\/order-placed-1200x846.png\")
<\/figure>\n\n\n\n