<p>My Account Tour was built to solve a major usability gap in WooCommerce stores. Most customers land on the My Account page and struggle to understand the available options, leading to confusion, abandoned actions, and increased support requests.</p>
<p>This extension introduces guided onboarding directly inside the WooCommerce My Account dashboard, helping customers quickly learn what each section does, discover important features, and get comfortable using their account without needing assistance.</p>
<ul>
<li>Designed to be fully modular and extensible.</li>
<li>Comes with tours for default core endpoints, and lets developers build tailored onboarding for custom endpoints and extensions.</li>
</ul>
<h2>Suitable for:</h2>
<ul>
<li><strong>Store owners</strong>: Improve on-boarding experience for new customers. Help them navigate the WooCommerce My Account area with step-by-step tours so they never feel lost again. You can even add tours specific to custom endpoints.</li>
<li><strong>Extension developers</strong>: Showcase how their plugins/extensions enhance or extend WooCommerce’s My Account section. With an interactive, guided mini-tour, where store owner can preview the functionality and user experience before making a buying decision.</li>
<li><strong>Adding tours to custom user submission forms</strong> on My Account pages.</li>
</ul>
<h3>Custom setting page</h3>
<p><img class="size-medium wp-image-18734005972502" src="https://woocommerce.com/wp-content/uploads/2025/11/admin-menu.png?w=896" alt="admin-menu" width="896" height="463" /></p>
<ul>
<li>Store owners can enable and disable tours easily with minimal configuration.</li>
<li>Advanced hooks to allow third-party developers give <strong>store owners</strong> control to enable tours for custom endpoints.</li>
<li>Supports tour by default for the WooCommerce Subscription extension.</li>
<li>Modular design to show tours on selected pages only.</li>
</ul>
<h2>Additional features</h2>
<ul>
<li><strong>Faster customer onboarding:</strong> New users immediately understand how to navigate WooCommerce My Account pages, reducing confusion and friction.</li>
<li><strong>Fewer support requests: </strong>Customers learn where to find key actions like downloads, orders, subscriptions, and account settings, lowering the number of <em>“how do I…?”</em> support tickets. This is extremely beneficial for third party plugins/extensions for affiliates, support, etc.</li>
<li><strong>Improves user experience and retention:</strong> A guided account dashboard increases confidence, reduces drop-offs, and leads to happier, more self-sufficient customers.</li>
</ul>
<p><strong>Credit</strong><br />
<a href="https://github.com/kamranahmedse/driver.js" target="_blank" rel="noopener">driver.js library (MIT Licensed)</a></p>

My Account Tour

<p>Help customers understand account features, reduce support requests, and improve the onboarding experience.</p>

<h2>Customize WooCommerce <em>My account</em> page</h2>
<p><span style="font-weight: 400">Enhance your WooCommerce my account page with a customized account page & user dashboard plugin. It lets you display key details, add new pages or endpoints, and edit them easily through a built-in text editor.</span></p>
<p><span style="font-weight: 400">You can also insert custom links or connect any store page to an endpoint, ensuring customers stay updated with the latest products or CMS content.</span></p>
<p><span style="font-weight: 400">For better navigation, the plugin allows you to create group endpoints that include multiple sub-endpoints in a single click. Plus, you can assign endpoints to specific user roles for a more personalized experience.</span></p>
<h2>Features</h2>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><span style="font-weight: 400">Personalize the WooCommerce my account page with custom tabs.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the account page with the customizer. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add widgets for orders, downloads, wish lists, and more.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display large, easy-to-navigate icons for commonly accessed links.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enhance the dashboard with avatars and icons for a visually appealing layout. </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Showcase recent orders and downloads in tables for quick access.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Easily add new endpoints for different user roles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Edit WooCommerce’s <em>My account</em> page default endpoints to match your requirements.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from various layouts for the <em>My account</em> menu, including a custom WooCommerce dashboard template.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize default WooCommerce dashboard content. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add banners to specific endpoints and style them to match your brand.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with WooCommerce Subscriptions</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with WooCommerce Membership by SkyVerge</span></li>
</ul>
<h2>Templates</h2>
<p><span style="font-weight: 400">The My Account Dashboard for WooCommerce provides two flexible templates, i.e, </span><b>Custom Dashboard and Prebuilt Dashboard</b><span style="font-weight: 400">. You can also choose whether the account menu appears on the left or right, making navigation easier for your customers.</span></p>
<p><img class="size-medium wp-image-18734005941740 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Custom-Dashboard-and-Prebuilt-Dashboard.png?w=891" alt="Custom Dashboard and Prebuilt Dashboard" width="891" height="812" /></p>
<h3>Custom dashboards</h3>
<p><span style="font-weight: 400">A custom dashboard template allows you to customize WooCommerce account dashboard by creating unlimited endpoints and displaying unique content in such custom endpoints. You can set the icon, text, color, and much more in the custom dashboard.</span></p>
<p><img class="size-medium wp-image-18734005941746 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Custom-dashboards-1.png?w=896" alt="Custom dashboards" width="896" height="670" /></p>
<h3>Create custom endpoint:</h3>
<p><span style="font-weight: 400">Customize my account for WooCommerce by creating a custom endpoint to display additional information about your store. You can set the name and custom icon to represent the specific endpoint.</span></p>
<p><img class="size-medium wp-image-18734005941753 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Create-Custom-Endpoint-1.png?w=896" alt="Create Custom Endpoint" width="896" height="432" /></p>
<h3>Edit default endpoints</h3>
<p><span style="font-weight: 400">You can customize the default endpoints on the My Account page. Change the name of the endpoint, change the endpoint icon, and add custom content.</span></p>
<p><img class="size-medium wp-image-18734005941763 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-default-endpoints.png?w=896" alt="Edit default endpoints" width="896" height="423" /></p>
<h3>Assign user roles to endpoints</h3>
<p><span style="font-weight: 400">The user dashboard plugin for WooCommerce allows you to assign user roles to specific endpoints. Only the specific user role can view the endpoints.</span></p>
<p><img class="size-medium wp-image-18734005941767 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Assign-User-Roles-to-Endpoints-1.png?w=896" alt="Assign User Roles to Endpoints" width="896" height="608" /></p>
<h3>Customize the content of endpoints</h3>
<p><span style="font-weight: 400">With the help of the WYSIWYG editor, you can customize the content of endpoints. You have complete control over the endpoint’s content, including banners, headings, text, links, and more.</span></p>
<p><img class="size-medium wp-image-18734005941772 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-the-content-of-endpoints-1.png?w=896" alt="Customize the content of endpoints" width="896" height="259" /></p>
<p><img class="size-medium wp-image-18734005941773 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customized-the-content-of-endpoints.png?w=896" alt="Customized the content of endpoints" width="896" height="253" /></p>
<h3>Edit the default <em>My account</em> dashboard text</h3>
<p><span style="font-weight: 400">Easily customize or remove the default “Hello, username” and dashboard intro text in your WooCommerce account area. Replace it with your own custom message or HTML content to create a more personalized experience.</span></p>
<p><img class="size-medium wp-image-18734005941776 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-Default-My-account-dashboard-Text.png?w=896" alt="Edit Default My account dashboard Text" width="896" height="398" /></p>
<h3><b>Edit Custom Dashboard with Customizer</b></h3>
<p><span style="font-weight: 400">Easily customize your WooCommerce dashboard using the built-in Customizer. Choose from pre-designed layouts, styles, and color palettes, or create your own to match your brand perfectly. Instantly preview and apply changes for a clean, professional look.</span></p>
<p><img class="size-medium wp-image-18734005941783 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-Custom-Dashboard-with-Customizer.png?w=896" alt="Edit Custom Dashboard with Customizer" width="896" height="768" /></p>
<h3>Prebuilt dashboard</h3>
<p><span style="font-weight: 400">This template allows you to customize my account for WooCommerce with existing endpoints. You can also control the sorting order of these endpoints. Some endpoints are displayed in blocks to enhance the user experience, and you can adjust the block colors to match your store’s branding.</span></p>
<p><img class="size-medium wp-image-18734005941792 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Prebuilt-dashboard.png?w=896" alt="Prebuilt dashboard" width="896" height="380" /></p>
<h4>Customize <em>My account</em> pages for better UX</h4>
<p><span style="font-weight: 400">With custom my account dashboard for WooCommerce, you can enhance customer experiences by adding easy-to-use navigational links.</span></p>
<p><img class="size-medium wp-image-18734005941817 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-My-Account-pages-for-better-UX-1.png?w=896" alt="Customize My Account pages for better UX" width="896" height="476" /></p>
<h4>Edit prebuilt dashboard endpoints</h4>
<p><span style="font-weight: 400">In the prebuilt dashboard template, edit the existing endpoints to customize account page. You can change the name and icon, enable or disable it, and sort the endpoints in the template.</span></p>
<p><img class="size-medium wp-image-18734005941831 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Edit-prebuilt-dashboard-endpoints.png?w=896" alt="Edit prebuilt dashboard endpoints" width="896" height="249" /></p>
<p><img class="size-medium wp-image-18734005941834 aligncenter" src="https://woocommerce.com/wp-content/uploads/2023/04/Modify-prebuilt-dashboard-endpoints.png?w=896" alt="Modify prebuilt dashboard endpoints" width="896" height="325" /></p>
<h4>Display <em>My account</em> sections visually</h4>
<p><span style="font-weight: 400">Show customers their orders, downloads, wish lists, reward points, and more in eye catching, attractive cards.</span></p>
<p><img class="size-medium wp-image-18734005941841 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-My-Account-sections-visually.png?w=896" alt="Display My Account sections visually" width="896" height="218" /></p>
<h4>Enable various icons for endpoints</h4>
<p><span style="font-weight: 400">Add various icons for endpoints to make the user dashboard visually appealing and easy for customers to access account information.</span></p>
<p><img class="size-medium wp-image-18734005941844 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Enables-various-icons-for-endpoints.png?w=896" alt="Enables various icons for endpoints" width="896" height="412" /></p>
<h4>Display essential customer info in tables</h4>
<p><span style="font-weight: 400">Display recent orders, downloads, wish lists, and more on a table with the customize my account page for WooCommerce. Customers can see all their interactions with you in one place.</span></p>
<p><img class="size-medium wp-image-18734005941850 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-essential-customer-info-on-tables.png?w=896" alt="Display essential customer info on tables" width="896" height="300" /></p>
<h4>Add and change the <em>My account</em> avatar</h4>
<p><span style="font-weight: 400">Customize account page & user dashboard for WooCommerce allows customers to add a custom avatar to their account dashboard and change their avatars at any time.</span></p>
<p><img class="size-medium wp-image-18734005941853 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Add-and-change-the-My-Account-avatar.png?w=896" alt="Add and change the My Account avatar" width="896" height="290" /></p>
<h3>Banners</h3>
<p><span style="font-weight: 400">Enhance and edit the WooCommerce My Account Page with the help of the customizable banners. It allows you to create multiple banners and link them to specific endpoints. This enables the user to quickly access their orders, downloads, account details, or any custom endpoints. It enables you to set the position of the banners at the backend with the help of the drag-and-drop feature.</span></p>
<p><img class="size-medium wp-image-18734005941857 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Banners-1.png?w=896" alt="Banners" width="896" height="304" /></p>
<h4>Customize the banner</h4>
<p><span style="font-weight: 400">Customize my account for WooCommerce by Extendons allows you to set the custom label and icon for the banner. It also enables you to set custom icons to represent the specific instead of settling for the already provided icons. You can also customize the colors, adjust the icon, and the margin between the label and the icon.</span></p>
<p><img class="size-medium wp-image-18734005941861 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Customize-the-Banner-1.png?w=896" alt="Customize the Banner" width="896" height="399" /></p>
<h4>Display item count in banners</h4>
<p><span style="font-weight: 400">You can display the item counts in the banners to improve the overall user experience of WooCommerce my account page. It allows you to select the option of which you want to display the item counts, such as orders, cart items, downloads, and wishlists. Furthermore, you can also customize the colors of item counts.</span></p>
<p><img class="size-medium wp-image-18734005941863 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Display-Items-Count-in-Banners-1.png?w=896" alt="Display Items Count in Banners" width="896" height="268" /></p>
<h4>Add banners to a specific endpoint</h4>
<p><span style="font-weight: 400">The customize account page plugin allows you to add banners to specific endpoints. You can link the banners to show the specific endpoint content or link to the external URL to redirect customers.</span></p>
<p><img class="size-medium wp-image-18734005941867 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Add-Banners-to-a-Specific-Endpoint.png?w=896" alt="Add Banners to a Specific Endpoint" width="896" height="196" /></p>
<h4>Assign banners to user roles</h4>
<p><span style="font-weight: 400">Display banners to the specific user roles with the help of the My Account Dashboard plugin for WooCommerce. It enables you to display only relevant banners to your users on the basis of the role they are assigned.</span></p>
<p><img class="size-medium wp-image-18734005941873 aligncenter" style="border: 2px solid #1292c3" src="https://woocommerce.com/wp-content/uploads/2023/04/Assign-Banners-to-User-Roles-1.png?w=896" alt="Assign Banners to User Roles" width="896" height="159" /></p>
<h3>Compatibility</h3>
<p><span style="font-weight: 400">Currently, the plugin is compatible with the following plugins:</span></p>
<ul>
<li style="font-weight: 400"><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a></li>
<li style="font-weight: 400"><a href="https://woocommerce.com/products/woocommerce-memberships/">WooCommerce Memberships</a>   <span style="font-weight: 400">by SkyVerge</span></li>
</ul>

Customize Account Page & User Dashboard

<p>Customize your WooCommerce store’s <em>My account</em> page — add custom endpoints to display additional information in customers’ account dashboard.</p>

My Account Tour vs Customize Account Page & User Dashboard