{"id":1131,"date":"2024-02-15T18:51:00","date_gmt":"2024-02-15T13:21:00","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1131"},"modified":"2025-01-11T22:44:33","modified_gmt":"2025-01-11T17:14:33","slug":"how-to-add-custom-tab-in-customer-account-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-add-custom-tab-in-customer-account-in-magento-2\/","title":{"rendered":"How to Add Custom Tab in Customer Account in Magento 2"},"content":{"rendered":"\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to add a Custom Tab in the Customer Account Section in Magento 2.<\/p>\n\n\n\n

The customer account dashboard includes sections like My Account, My Wishlist, Addressbook, etc.<\/p>\n\n\n\n

But sometimes requires to increase shopping experience for customers at that time this is useful.<\/p>\n\n\n\n

Without wasting your time, let us guide you straight away. Follow the easy step given below to Add Custom Tab in Customer Account in Magento 2.<\/p>\n\n\n\n

STEPS FOR ADD CUSTOM TAB IN CUSTOMER ACCOUNT IN MAGENTO 2<\/strong><\/p>\n\n\n\n

Step 1: Create customer_account.xml file<\/strong><\/p>\n\n\n\n

app\/code\/Vendor\/Extension\/view\/frontend\/layout\/customer_account.xml<\/strong><\/p>\n\n\n

\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n\n\u00a0\u00a0\u00a0<body>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="customer_account_navigation">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<block class="Magento\\Framework\\View\\Element\\Html\\Link\\Current" name="customer-account-navigation-custom">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<arguments>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<argument name="path" xsi:type="string">routename\/customer\/index<\/argument>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<argument name="label" xsi:type="string">Magecurious<\/argument>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/arguments>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/block>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/referenceBlock>\n\n\u00a0\u00a0\u00a0<\/body>\n\n<\/page>\n<\/pre><\/div>\n\n\n
Step 2: Create routename_customer_index.xml file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/view\/frontend\/layout\/routename_customer_index.xml<\/strong><\/p>\n\n\n
\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="..\/..\/..\/..\/..\/..\/..\/lib\/internal\/Magento\/Framework\/View\/Layout\/etc\/page_configuration.xsd">\u00a0\n\n<update handle="customer_account"\/>\u00a0\n\n<body>\u00a0\n\n\u00a0\u00a0\u00a0\u00a0<referenceBlock name="page.main.title">\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<action method="setPageTitle">\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<argument translate="true" name="title" xsi:type="string">Magecurious<\/argument>\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/action>\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0<\/referenceBlock>\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0<referenceContainer name="content">\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<block class="Magento\\Framework\\View\\Element\\Template" name="my_tab" template="Vendor_Module::mytab.phtml">\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/block>\u00a0\n\n\u00a0\u00a0\u00a0\u00a0<\/referenceContainer>\u00a0\n\n<\/body>\u00a0\n\n<\/page>\n<\/pre><\/div>\n\n\n
Step 3: Create Index.php file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/Controller\/Customer\/Index.php<\/strong><\/p>\n\n\n
\n<?php\u00a0\n\nnamespace Vendor\\Extension\\Controller\\Customer;\u00a0\u00a0\n\nclass Index extends \\Magento\\Framework\\App\\Action\\Action {\u00a0\n\n\u00a0public function execute() {\u00a0\n\n\u00a0\u00a0\u00a0\u00a0$this->_view->loadLayout();\u00a0\n\n\u00a0\u00a0\u00a0\u00a0$this->_view->renderLayout();\u00a0\n\n\u00a0\u00a0}\u00a0\n\n}\u00a0\n\n?>\n<\/pre><\/div>\n\n\n
Step 4: Create mytab.phtml file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/view\/frontend\/templates\/mytab.phtml<\/strong><\/p>\n\n\n
\n<?php\u00a0\n\n\u00a0\/\/ Add Some Code Here for design\n\n?>\n\n<span> My Custom Tab.. <\/span>\n<\/pre><\/div>\n\n\n
Step 5: Finally run the below commands<\/strong><\/p>\n\n\n
\n$ php bin\/magento cache:clean\n\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
Step 6: Output:<\/strong><\/p>\n\n\n\n
Now, go to My Account Section and you will see the output below.<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n
Final Thoughts:<\/strong><\/p>\n\n\n\n
So this was the easiest way which we have told you in this blog. This is how you can Add Custom Tab in Customer Account in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site.<\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>