Menu Close
    Searching for an experienced Magento 2 Development Company ?

    Add Custom Button in the Admin Product Form in Magento 2

    The product form is generated via UI-Components. If we need to add a custom button in admin product form, then it can be possible by the following way.

    The UI component name for the product form is :


    1. You need to create a file with the same name and path in your own module with the following content:
    <?xml version="1.0" encoding="UTF-8"?>
    <form xmlns:xsi=""   xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
       <!--For custom button-->
       <argument name="data" xsi:type="array">
           <item name="buttons" xsi:type="array">
               <item name="customButton" xsi:type="string">Webkul\CustomButton\Block\Adminhtml\Product\CustomButton</item>

    2. Then create the class in the file


    namespace Webkul\CustomButton\Block\Adminhtml\Product;
    class CustomButton extends \Magento\Catalog\Block\Adminhtml\Product\Edit\Button\Generic
        public function getButtonData()
        	return [
            	'label' => __('Custom Button'),
            	'class' => 'action-secondary',
            	'on_click' => 'alert("Hello Webkul !!")',
            	'sort_order' => 10

    Then, Just flush the Cache and your UI-Component file will merge with the main file and your button will appear among the other buttons.

    product form

    When We click on this button then we have set an alert, it will show.

    custom button

    That’s all, this is a simple way to add a custom button in the admin product form.

    Check this blog if add a custom button in Admin-Grid.

    Keep Learning !!

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top