{"id":4188,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-my-account\/?post_type=faq&p=179"},"modified":"2020-07-21T13:32:37","modified_gmt":"2020-07-21T11:32:37","slug":"create-woocommerce-my-account-tabs","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/create-woocommerce-my-account-tabs\/","title":{"rendered":"Create WooCommerce My Account Tabs"},"content":{"rendered":"

We show you how to create custom WooCommerce My Account tabs and how to setup our plugin.<\/p>\n

Settings Panel<\/h2>\n

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

General Settings<\/h2>\n

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”.<\/p>\n

\"WooCommerce<\/p>\n

My Account Tab Styles<\/h2>\n

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.<\/p>\n

\"my
my account styling<\/figcaption><\/figure>\n

Create a custom My Account Tab<\/h2>\n

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:<\/p>\n

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

        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!<\/strong><\/p>\n

        \"create
        create your own my account page<\/figcaption><\/figure>\n

        Example output<\/h2>\n

        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.<\/p>\n

        \"\"<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4188","faq","type-faq","status-publish","hentry","faq_topics-my-account"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=4188"}],"version-history":[{"count":6,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4188\/revisions"}],"predecessor-version":[{"id":5175,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4188\/revisions\/5175"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=4188"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=4188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}