---
title: "How to Add Custom Tab in Customer Account Dashboard in Magento 2"
url: "https://dolphinwebsolution.com/how-to-add-custom-tab-in-customer-account-dashboard-in-magento-2"
date: "2022-01-05T10:05:00+05:30"
modified: "2023-10-05T09:48:51+05:30"
author:
  name: "Surbhi Gandhi"
categories:
  - "Magento"
word_count: 470
reading_time: "3 min read"
summary: "Add custom tab in customer account in magento 2.
In Magento 2, after login or signup customer will be redirected to their account dashboard . There are many tabs on left side such as Account Dashb..."
description: "In Magento 2, after login or signup customer will be redirected to their account dashboard . There are many tabs on left side such as Account Dashboard ,My O..."
keywords: "custom tab,customer account,account dashboard,left side,signup customer, Magento"
language: "en"
schema_type: "Article"
related_posts:
  - title: "Best Profitable eCommerce Niches to Start Selling"
    url: "https://dolphinwebsolution.com/blog/profitable-ecommerce-niches/"
  - title: "How To Show Salable Quantity In Product Page Magento 2"
    url: "https://dolphinwebsolution.com/how-to-show-salable-quantity-in-product-page-magento-2"
  - title: "How to create custom indexer in Magento 2 ?"
    url: "https://dolphinwebsolution.com/how-to-create-custom-indexer-in-magento-2"
---

# How to Add Custom Tab in Customer Account Dashboard in Magento 2

_Published: January 5, 2022_  
_Author: Surbhi Gandhi_  

![](https://dolphinwebsolution.com/wp-content/uploads/2022/01/How-to-Add-Custom-Tab-in-Customer-Account-Dashboard-in-Magento-2-1-1024x536.png)

## Add custom tab in customer account in magento 2.

In Magento 2, after login or signup customer will be redirected to their account dashboard . There are many tabs on left side such as *Account Dashboard ,My Orders ,My Downloadable Products ,My Wish List ,Billing Agreements* etc. So If we need to enhance customer shopping experience or to display some information, I will show you how add new custom tab there. You can also hire [**Magento 2 developers**](https://dolphinwebsolution.com/magento-2-development) from Dolphin Web Solution.

Follow the below steps.

#### Step 1: Create customer\_account.xml
File Path: app/code/Dolphin/CustaccountTab/view/frontend/layout/customer\_account.xml

```
<?xml version="1.0" encoding="UTF-8"?>
<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="custom-tab-link">
                <arguments>
                    <argument name="path" xsi:type="string">custaccounttab/customer/index</argument>
                    <argument name="label" xsi:type="string">Dolphin Custom Tab</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>
```

#### Step 2: Create custaccounttab\_customer\_index.xml
File Path: app/code/Dolphin/CustaccountTab/view/frontend/layout/custaccounttab\_customer\_index.xml

```
<?xml version="1.0" encoding="UTF-8"?>
<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">Dolphin Custom Tab</argument>
            </action>
        </referenceBlock>
        <referenceContainer name="content">
            <block class="Magento\Framework\View\Element\Template" name="custom-tab" template="Dolphin_CustaccountTab::customer/account/customtab.phtml" />
        </referenceContainer>
    </body>
</page>
```

#### Step 3: Create routes.xml
File Path: app/code/Dolphin/CustaccountTab/etc/frontend/routes.xml

```
<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="standard">
        <route frontName="custaccounttab" id="custaccounttab">
            <module name="Dolphin_CustaccountTab"/>
        </route>
    </router>
</config>
```

#### Step 4: Create Index.php
File Path: app/code/Dolphin/CustaccountTab/Controller/Customer/Index.php

```
<?php

namespace Dolphin\CustaccountTab\Controller\Customer;

class Index extends \Magento\Framework\App\Action\Action
{
    public function execute()
    {
        $this->_view->loadLayout();
        $this->_view->renderLayout();
    }
}
```

#### Step 5: Create customtab.phtml
File Path: app/code/Dolphin/CustaccountTab/view/frontend/templates/customer/account/customtab.phtml

```
<?php

// Add your tab content here.
echo "Dolphin custom tab content goes here";
```

That’s it. Happy Coding with magento2!! ? Feel free to comment if you have any issue.

</body>


---

_View the original post at: [https://dolphinwebsolution.com/how-to-add-custom-tab-in-customer-account-dashboard-in-magento-2](https://dolphinwebsolution.com/how-to-add-custom-tab-in-customer-account-dashboard-in-magento-2)_  
_Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_  
_Generated: 2026-08-26 06:14:49 UTC_  
