Skip to content
  • Current Project: WooCommerce Booking
  • Documentation | Support

    • English
    • German
    • Spanish
    • French
weLaunchweLaunch
  • Services
  • Plugins
  • Portfolio
  • Blog
  • Contact
  • 0

    Cart

    No products in the cart.

Knowledge Base

Save us time to focus on some great new features and try our self service knowledge base. Search for anything.

Create WooCommerce My Account Tabs

< Back to WooCommerce My Account Documentation
WooCommerce My Account Documentation Viewed: 4126
3

We show you how to create custom WooCommerce My Account tabs and how to setup our plugin.

Table of Contents
1. Settings Panel
2. General Settings
3. My Account Tab Styles
4. Create a custom My Account Tab
5. Example output

Settings Panel

You can find the everything inside your Admin Panel below WooCommerce -> My Account.  If you can not see the settings panel, make sure you have installed the Redux Framework Plugin.

General Settings

In the general settings you can enable / disable our plugin. Moreover you are able to set a tab amount to increase performance & load time, you can reorder or disable tabs and you are able to rename the general WooCommerce tabs. For example you could disable the logout tab and rename the orders tab to “My orders”.

WooCommerce my account tab settings

My Account Tab Styles

In the styles section you are able to choose a layout (left / right sidebar or full width tabs). Furthermore you can set tab background & text styles, also for hover and active tabs.

my account styling
my account styling

Create a custom My Account Tab

To create your first custom my account tab simply go into one of the settings. There you have the possibility to set the title, menu title and the endpoint URL. Then you need to specify a callback what the tab will show in the frontend. You can choose from different callbacks:

    • Editor (Custom WYSIWIG Text where you can use shortcodes or even customer meta data)
    • Link (simply links the tab to another page)
    • Contact 7 Form
    • Function (custom function that will be called. Create this in your functions.php of your child theme)
    • Products by category
    • Product Categories
    • Show Cart
    • Order Tracking
    • My Account
    • Recent Products
  • Featured Products
  • Sale Products
  • Best Selling Products
  • Top Rated Products
  • Related Products

Each of the callbacks have own settings, e.g. the editor will show a WYSIWIG editor then. At the bottom you can also limit a tab to a specific user role. After you created a tab, reload the admin panel and make sure you add the tab in the reorder section in general settings!

create your own my account page
create your own my account page

Example output

Below you can see an example output of the editor settings we used below. It shows first name “d” and then also the shortcode of current year.

6 thoughts on “Create WooCommerce My Account Tabs”

  1. Juned Mohammed says:

    Hi,

    I guess when I am creating new Tab (Order Return Form), it is not working. I mean it is not generating the url end points.

    I created the end point: my-returns but it is not working and redirecting it to home page.

    The URL should be: https://www.hygienedunia.com/my-account-web-shop-at-hygiene-dunia/my-returns

    You have FB Page. Is there any community page also?

    13. June 2021 at 17:50
    Reply
  2. Juned Mohammed says:

    Hi!

    I am yet to here from you.

    24. July 2021 at 7:32
    Reply
    • Daniel says:

      Please submit a ticket through our website

      24. July 2021 at 8:12
      Reply
  3. R says:

    How do you open link in a new tab?

    22. October 2021 at 23:17
    Reply
  4. megan says:

    I created a tab with an endpoint URL but the URL is going to a 404 error page. Do I need to do anything else?

    1. December 2021 at 23:47
    Reply
    • Daniel says:

      Please try saving permalinks again

      2. December 2021 at 14:22
      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Table of Contents
    1. Settings Panel
    2. General Settings
    3. My Account Tab Styles
    4. Create a custom My Account Tab
    5. Example output
  • Topics

    • General
    • Buying Plugins
    • WordPress Plugins Documentation
    • WooCommerce Plugin Documentation
    • Dokan Documentation
    • Visual Composer Documentation
    • Contact Form 7 Documentation
    • Themes
  • Popular FAQs WooCommerce My Account Documentation

    • Create WooCommerce My Account Tabs
    • Duplicate Logout My Account Menu Item in WooCommerce
  • Did not found what you was looking for?

    Please submit a ticket with a detailed explanation about your problem.

    Submit Ticket
    Services
    • WordPress & WooCommerce Development
    • SEO Search Engine Optimization
    • Digital Advertising
    • Webdesign & Development
    Plugins
    • WooCommerce Plugins
    • WordPress Plugins
    • Contact Form 7 Extension
    • Visual Composer Plugins
    Contact

    We are your media agency specialized in conception, creation and support of digital projects. We create websites, optimize your online shop and offer SEO and SEA.

    > More About Us

    Author Level 9 Weekly Top Seller Had trendsetting item Monthly Top Author German Quality Featured Author Exclusive Author Envato Elite Author

    weLaunch logo white
    Imprint | Privacy Policy
    • Services
    • Plugins
    • Portfolio
    • Blog
    • Contact
    • Login
    • Current Project: WooCommerce Booking
      • English
      • German
      • Spanish
      • French

    We use cookies to give you the best online experience. By agreeing you accept the use of cookies in accordance with our cookie policy.

    I accept My Preferences
    Privacy Settings saved!
    weLaunch
    Privacy Settings

    When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

    Necessary Marketing
    These cookies are necessary for the website to function and cannot be switched off in our systems.

    Technical Cookies
    In order to use this website we use the following technically required cookies
    • wordpress_test_cookie
    • wordpress_logged_in_
    • wordpress_sec

    These cookies are set through our site by our advertising partners.

    Google Tag Manager
    We use Google Tag Manager to monitor our traffic and to help us AB test new features.

    Decline all Services
    Accept all Services