4 Steps to add Custom Tab in Customer Account in Magento 2
Vinh Jacker | 03-17-2025
In this article, I will introduce how to add Custom Tab in Customer Account in Magento 2. A detailed and simple guide is coming to know.
Regarding the default setting of Magento 2, customers will be redirected automatically to their account dashboard after signing up or logging in. In this dashboard, there are various tabs such as My Account, My Orders, My Wishlist.
However, in some particular situations, to enhance customers experience while shopping, several features like checking demo products, requesting refunds, or other custom requirements need to be added to customer account dashboard. Sadly, these features are not being offered in the default Magento 2. Therefore, in today’s post, I will show you 4 simple stages to add a custom tab in customers account.
How to add Custom Tab in Customer Account in 4 steps
- Step 1: Create Customer Account Layout
- Step 2: Create Index Layout
- Step 3: Create Index Page
- Step 4: Create Template File
Step 1: Create Customer Account Layout
Firstly, you will need to create the file customer_account.xml in the path Mageplaza/Module/view/frontend/layout
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="customer_account_navigation">
<block class="Magento\Framework\View\Element\Html\Link\Current" name="customer-account-navigation-custom">
<arguments>
<argument name="path" xsi:type="string">routename/customer/index</argument>
<argument name="label" xsi:type="string">My Custom Tab</argument>
</arguments>
</block>
</referenceBlock>
</body>
</page>
Step 2: Create Index Layout
After creating the above file, also in the path Mageplaza/Module/view/frontend/layout, create routename_customer_index.xml which includes the below code:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
<update handle="customer_account"/>
<body>
<referenceBlock name="page.main.title">
<action method="setPageTitle">
<argument translate="true" name="title" xsi:type="string">My Custom Tab</argument>
</action>
</referenceBlock>
<referenceContainer name="content">
<block class="Magento\Framework\View\Element\Template" name="my_tab" template="Vendor_Module::mytab.phtml">
</block>
</referenceContainer>
</body>
</page>
Step 3: Create Index Page
Then go to Mageplaza/Module/Controller/Customer, and create Index.php
<?php
namespace Mageplaza/Module\Controller\Customer;
class Index extends \Magento\Framework\App\Action\Action {
public function execute() {
$this->_view->loadLayout();
$this->_view->renderLayout();
}
}
?>
Step 4: Create Template File
Finally, it’s easy to add custom tab in customer account dashboard, you only need follow the path Mageplaza/Module/view/frontend/templates and create mytab.phtml.
<?php
// Add Some Code Here for design
?>
<span> My Custom Tab.. </span>
Stick to above easy-to-follow steps to successfully add a Custom Tab in Customer account. After you finish all of the steps, don’t forget to double check the results or if there something is off the right track.
Conclusion
That’s the tutorial about how to add a Custom Tab in Customer account dashboard in Magento 2. I hope this article will be helpful for to successfully add a Custom Tab in your Customer Accounts. Let us know your opinion in the comment section and if you have any difficuties following this instruction, also tell us to get support from our certified developers.Thanks for reading!
Jacker is the Chief Technology Officer (CTO) at Mageplaza, bringing over 10 years of experience in Magento, Shopify, and other eCommerce platforms. With deep technical expertise, he has led numerous successful projects, optimizing and scaling online stores for global brands. Beyond his work in eCommerce development, he is passionate about running and swimming.
Related Post
Review 74 Mageplaza extension updates from April 2025, highlighting Magento 2.4.8 compatibility, Hyvä theme support, and enhanced functionalities.
Social Media Marketing: Your Ultimate Guide to Skyrocketing Engagement - Mageplaza
Discover a step-by-step framework for effective social media marketing. Learn how to optimize content, run ads, track KPIs, and future-proof your strategy across all major platforms.
The Ultimate Guide to Managing Your E-Commerce Website for Maximum Sales - Mageplaza
Discover simple tips to manage your eCommerce website, boost sales, and grow your online business effortlessly. Learn now!
SWOT Analysis: The Ultimate Tool for Business Growth - Mageplaza
Learn how to use SWOT analysis to identify strengths, weaknesses, opportunities, and threats. Build smarter strategies and drive business growth effectively.
Review 74 Mageplaza extension updates from April 2025, highlighting Magento 2.4.8 compatibility, Hyvä theme support, and enhanced functionalities.
Social Media Marketing: Your Ultimate Guide to Skyrocketing Engagement - Mageplaza
Discover a step-by-step framework for effective social media marketing. Learn how to optimize content, run ads, track KPIs, and future-proof your strategy across all major platforms.
The Ultimate Guide to Managing Your E-Commerce Website for Maximum Sales - Mageplaza
Discover simple tips to manage your eCommerce website, boost sales, and grow your online business effortlessly. Learn now!
SWOT Analysis: The Ultimate Tool for Business Growth - Mageplaza
Learn how to use SWOT analysis to identify strengths, weaknesses, opportunities, and threats. Build smarter strategies and drive business growth effectively.