---
title: "Magento 2: How to Add Custom Action Button at CMS Page Backend "
url: "https://magecomp.com/blog/magento-2-add-custom-action-button-at-cms-page-backend/"
date: "2025-07-07T11:31:29+00:00"
modified: "2025-07-30T07:38:16+00:00"
author:
  name: "Dhiren Vasoya"
  url: "https://magecomp.com/"
categories:
  - "How To"
  - "Magento 2"
word_count: 535
reading_time: "3 min read"
summary: "Hello Magento Friends,"
description: "Learn how to add a custom action button to the Magento 2 CMS page edit screen in the admin panel. Enhance backend functionality with this step-by-step guide."
keywords: "How To, Magento 2"
language: "en"
schema_type: "Article"
related_posts:
  - title: "How to Remove JS and CSS using Layout XML in Magento 2?"
    url: "https://magecomp.com/blog/remove-js-and-css-using-layout-xml-magento-2/"
  - title: "How to Manage Your eCommerce Website Thoroughly: Pros and Cons of Magento 2"
    url: "https://magecomp.com/blog/manage-ecommerce-website-thoroughly-pros-cons-magento-2/"
  - title: "How to get all Orders of Customer by Email id in Magento 2"
    url: "https://magecomp.com/blog/get-orders-customer-email-id-magento-2/"
---

# Magento 2: How to Add Custom Action Button at CMS Page Backend 

_Published: July 7, 2025_  
_Author: Dhiren Vasoya_  

![Magento 2 How to Add Custom Action Button at CMS Page Backend](https://magecomp.com/blog/wp-content/uploads/2025/07/Magento-2-How-to-Add-Custom-Action-Button-at-CMS-Page-Backend-1024x512.webp)

**Hello Magento Friends,**

With the amount of customization that Magento 2 has to offer, it gives developers the capabilities to expand admin panel functionalities to their own specifications. One such customization could be adding a custom action button on the backend edit screen for the CMS page, whether that means activating a custom module, exporting data, or navigating to another page, a custom button on your CMS page edit screen can help the admin panel workflow significantly.

[![Magento version upgrade](https://magecomp.com/blog/wp-content/uploads/2025/02/Magento-2-Version-Upgrade-CTA-2-2.webp)](https://magecomp.com/services/magento-upgrade-services/)In this blog, we are going to show you how to add a custom action button on the CMS page edit screen in Magento 2 admin.

## Steps to Add Custom Action Button at CMS Page Backend in Magento 2:
**Step 1:** First, we need to create a **“cms_page_form.xml“** file inside our extension at the following path

**app\code\Vendor\Extension\view\adminhtml\ui_component\cms_page_form.xml**

Then add the code as follows

```
<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <argument name="data" xsi:type="array">
        <item name="buttons" xsi:type="array">
            <item name="check_on_page" xsi:type="string">VendorExtensionBlockAdminhtmlAddButtonCheckButton</item>
        </item>
    </argument>
</form>
```

**Step 2:** After that, we need to create a **“CheckButton.php”** file inside our extension at the following path

**app\code\Vendor\Extension\Block\Adminhtml\AddButton\CheckButton.php**

And add the code as given below

```
<?php

namespace VendorExtensionBlockAdminhtmlAddButton;

use MagentoFrameworkViewElementUiComponentControlButtonProviderInterface;

class CheckButton implements ButtonProviderInterface
{
    public function getButtonData()
    {
        return [
            'label'      => __('Check Button'),
            'class'      => 'action-secondary save',
            'sort_order' => 10

        ];
    }
}
```

## Conclusion:
Adding custom action buttons to Magento 2 admin CMS pages is a very practical addition to improve backend efficiency. Whether for viewing, exporting, or triggering workflows, you create your own desired admin UI in an effective way using plugins and Magento’s backend architecture.

Also Learn – [**Magento 2: How to Add Custom Button in Backend CMS Page Section**](https://magecomp.com/blog/magento-2-add-custom-button-in-backend-cms-page/)

Please feel free to let me know in the comments section if you run into any trouble. Share the tutorial with your friends, and stay up to date with more such Magento 2 solutions with us.

[![Hire Magento Programmer](https://magecomp.com/blog/wp-content/uploads/2025/02/Hire-Magento-Programmer-CTA-3.webp)](https://magecomp.com/services/hire-magento-programmer/)**Happy Coding!**

## FAQ
1. **What is a custom action button in the CMS Page backend?**

A custom action button is an additional button which you are adding to your CMS Page Edit screen in the admin panel of Magento 2. Your custom button can do whatever custom action you want it to, as an example you may want it to redirect to another page; call a controller; export data; call an API, etc.

2. **Why would I need a custom button in the CMS Page edit section?**

You may need a custom button to:

- Triggering specific business logic (e.g., preview page; export content)
- Calling a custom controller
- Redirecting to a customized URL
- Improving admin usability or automation

3. **Where exactly will the custom button appear?**

The custom button will sit on the CMS Page Edit screen in the admin panel of Magento 2, typically beside the existing “Save”, “Delete”, and “Back” buttons located on the top-right.


---

_View the original post at: [https://magecomp.com/blog/magento-2-add-custom-action-button-at-cms-page-backend/](https://magecomp.com/blog/magento-2-add-custom-action-button-at-cms-page-backend/)_  
_Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_  
_Generated: 2026-10-08 07:05:27 UTC_