{"id":7101,"date":"2020-05-03T07:54:35","date_gmt":"2020-05-03T07:54:35","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=7101"},"modified":"2025-01-07T12:36:29","modified_gmt":"2025-01-07T12:36:29","slug":"woocommerce-add-new-tab-in-my-account-page","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/","title":{"rendered":"WooCommerce : Add New Tab In My Account Page."},"content":{"rendered":"\n

WooCommerce : Add New Tab In My Account Page.<\/h1>\n
\n

We Are Web developer and Adding a Tab in WooCommerce My Account page with custom content is one of the most common customization requests which we receive From The clients.
\nThis Postis regarding how to add custom tab on WooCommerce My Account page.<\/b><\/p>\n

How Will We Do That?<\/h4>\n

Adding a Tab in WooCommerce my account page it not to difficult. let’s distribute in 4 steps.<\/p>\n

    \n
  1. Register new endpoint.<\/li>\n
  2. Add query var.<\/li>\n
  3. Insert endpoint into the My Account menu.<\/li>\n
  4. Add content to the newly added endpoint.<\/li>\n<\/ol>\n

    Step 1 :Register new endpoint.<\/h4>\n

    My Account area in WooCommerce is Totally based on \u201cendpoints\u201d. their is only one page “my-account”, other sub pages like “my-account\/edit-account” etc are loaded dynamically.<\/p>\n

    So first we need to add a new endpoint for our new dynamic sub page.We have to use ‘add_rewrite_endpoint’<\/b> Function.<\/p>\n

    \nfunction<\/span> AddCustomTabEndpoint<\/span>() {\n  add_rewrite_endpoint<\/span>('my-custom-tab'<\/span>, EP_ROOT | EP_PAGES );\n}\nadd_action<\/span>('init'<\/span>,'AddCustomTabEndpoint'<\/span> );\n<\/code><\/pre>\n
    Step 2 :Add query var. We have to use ‘query_vars’<\/b> Filter.<\/h4>\n
    \nfunction<\/span> CustomTabQueryVars<\/span>( $vars ) {\n  $vars[] = 'my-custom-tab'<\/span>;\n  return<\/span> $vars;\n}\nadd_filter<\/span>('query_vars'<\/span>,'CustomTabQueryVars'<\/span>, 0 );\n<\/code><\/pre>\n
    Step 3 :Insert the new endpoint into the My Account menu. We have to use ‘woocommerce_account_menu_items’<\/b> Filter.<\/h4>\n
    \nfunction<\/span> AddCustomTabMyAccount<\/span>( $items ) {\n  $items['my-custom-tab'<\/span>] = 'My Custom Tab'<\/span>;\n  return<\/span> $items;\n}\nadd_filter<\/span>('woocommerce_account_menu_items'<\/span>,'AddCustomTabMyAccount'<\/span>);\n<\/code><\/pre>\n
    Step 4 :Add content to the new endpoint. We have to use ‘woocommerce_account_{your-endpoint-slug}_endpoint’<\/b> Hook.<\/h4>\n
    \nfunction<\/span> MyCustomTabContent<\/span>() {\n  echo \"<h3>My Custom Tab<\/h3><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<\/p>\";\n}\nadd_action<\/span>('woocommerce_account_my-custom-tab_endpoint'<\/span>,'MyCustomTabContent'<\/span>);\n<\/code><\/pre>\n
    \"null\"<\/figure>
    <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    WooCommerce : Add New Tab In My Account Page. We Are Web developer and Adding a Tab in WooCommerce My Account page with custom content is one of the most common customization requests which we receive From The clients. This Postis regarding how to add custom tab on WooCommerce My Account page. How Will We […]<\/p>\n","protected":false},"author":1,"featured_media":8674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,35,36],"tags":[],"class_list":["post-7101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-woocommerce-hooks","category-wordpress"],"yoast_head":"\nWooCommerce : Add New Tab In My Account Page. - EoXys IT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce : Add New Tab In My Account Page. - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"WooCommerce : Add New Tab In My Account Page. We Are Web developer and Adding a Tab in WooCommerce My Account page with custom content is one of the most common customization requests which we receive From The clients. This Postis regarding how to add custom tab on WooCommerce My Account page. How Will We […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-03T07:54:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T12:36:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\"},\"headline\":\"WooCommerce : Add New Tab In My Account Page.\",\"datePublished\":\"2020-05-03T07:54:35+00:00\",\"dateModified\":\"2025-01-07T12:36:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\"},\"wordCount\":200,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"articleSection\":[\"Woocommerce\",\"Woocommerce Hooks\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\",\"name\":\"WooCommerce : Add New Tab In My Account Page. - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"datePublished\":\"2020-05-03T07:54:35+00:00\",\"dateModified\":\"2025-01-07T12:36:29+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\"},\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"width\":768,\"height\":430,\"caption\":\"Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce : Add New Tab In My Account Page.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce : Add New Tab In My Account Page. - EoXys IT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce : Add New Tab In My Account Page. - EoXys IT","og_description":"WooCommerce : Add New Tab In My Account Page. We Are Web developer and Adding a Tab in WooCommerce My Account page with custom content is one of the most common customization requests which we receive From The clients. This Postis regarding how to add custom tab on WooCommerce My Account page. How Will We […]","og_url":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/","og_site_name":"EoXys IT","article_published_time":"2020-05-03T07:54:35+00:00","article_modified_time":"2025-01-07T12:36:29+00:00","og_image":[{"width":768,"height":430,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537"},"headline":"WooCommerce : Add New Tab In My Account Page.","datePublished":"2020-05-03T07:54:35+00:00","dateModified":"2025-01-07T12:36:29+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/"},"wordCount":200,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","articleSection":["Woocommerce","Woocommerce Hooks","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/","url":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/","name":"WooCommerce : Add New Tab In My Account Page. - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","datePublished":"2020-05-03T07:54:35+00:00","dateModified":"2025-01-07T12:36:29+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537"},"breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","width":768,"height":430,"caption":"Code"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/woocommerce-add-new-tab-in-my-account-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"WooCommerce : Add New Tab In My Account Page."}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/2ae37850795ab595577a4bfdb900b537","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=7101"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8674"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=7101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=7101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=7101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}