WooCommerce : Adding Custom Tabs to the My Account Page

Introduction:

A number of our clients have asked for custom data in their my account page, we do this by adding custom code and embedding the appropriate data into the new tab.

We had a client who wanted a customer support form which linked to a gravity form connected to their HelpScout database. We added a new tab, created the gravity form, extended gravity forms with the Helpscout addon and bingo we have a neat integration.

Here’s a simpler no-code way to add a custom tab to the my account page.

Step 1: Install and Activate a Custom Tabs Plugin
To begin, you will need a reliable and feature-rich plugin that allows you to add custom tabs to your My Account page. One highly recommended plugin is “WooCommerce Custom My Account Tabs,” which can be found in the WordPress plugin directory. Here’s how to install and activate the plugin:

1. Log in to your WordPress admin dashboard.
2. Navigate to “Plugins” > “Add New.”
3. Search for “WooCommerce Custom My Account Tabs.”
4. Click on “Install Now” next to the plugin and then “Activate.”

Step 2: Access the Plugin Settings
After activating the plugin, you can access its settings and configure the custom tabs for your My Account page. Follow these steps:

1. From your WordPress admin dashboard, go to “WooCommerce” > “Custom My Account.”
2. Here, you will find options to create, manage, and customize your custom tabs.

Step 3: Create a New Custom Tab
To add a custom tab to your My Account page, follow these instructions:

1. In the “Custom My Account” settings, click on the “Add New” button.
2. Provide a title for your custom tab, such as “My Rewards,” “My Subscriptions,” or any relevant label.
3. Configure the content of the tab using the available options. You can add text, images, shortcodes, or even embed external content.
4. Customize the tab’s position by specifying a priority number. Lower values place the tab higher on the page.
5. Save the changes.

Step 4: Customize the Display and Styling
To ensure your custom tabs blend seamlessly with the overall design of your My Account page, the plugin offers several customization options:

1. In the “Custom My Account” settings, click on the “Styling” tab.
2. Here, you can modify the appearance of your custom tabs using CSS styling or predefined themes.
3. Adjust the colors, fonts, and other visual elements to match your store’s branding.
4. Save the changes.

Step 5: Test and Implement
After creating and customizing your custom tabs, it’s crucial to test them to ensure they function as intended. Log in as a customer on your WooCommerce store and navigate to the My Account page to verify that the custom tabs appear correctly and display the desired content.

Wrap Up – woocommerce custom tabs
By incorporating custom tabs into your My Account page on WooCommerce, you can elevate the shopping experience for your customers. The ability to add personalized sections such as reward programs, subscriptions, or additional account information empowers you to provide a tailored experience that aligns with your business objectives. With the WooCommerce Custom My Account Tabs plugin and the simple steps outlined in this blog post, you can effortlessly enhance your store’s functionality and create a more engaging and user-friendly environment for your customers.

If you need help adding tabs to your my account page why not hire us as your webmaster.

Photo by Wesley Tingey on Unsplash