跳至内容
WordPress.org

China 简体中文

  • 主题
  • 插件
  • 新闻
    • 文档
    • 论坛
  • 关于
  • 获取 WordPress
获取 WordPress
WordPress.org

Plugin Directory

NextDash – Modern Customer Dashboard

  • 提交插件
  • 我的收藏
  • 登录
  • 提交插件
  • 我的收藏
  • 登录

NextDash – Modern Customer Dashboard

作者:wenextcoder
下载
  • 详情
  • 评价
  • 安装
  • 开发进展
支持

描述

NextDash replaces the default WooCommerce My Account page with a modern customer dashboard.

Give your customers a faster, cleaner, and more intuitive account experience — without breaking WooCommerce compatibility or your WordPress theme.

Built with React and modern web technologies, NextDash improves usability, reduces friction, and makes your store feel professional and up to date.

Live demo

Visit our live demo to see how this plugin works.

Demo login:
* Username: mahbub
* Password: 12345678

Why NextDash?

The default WooCommerce My Account page is functional — but outdated.

NextDash modernizes the customer experience with:
* Faster navigation
* Clear visual hierarchy
* Mobile-friendly layouts
* A dashboard customers actually enjoy using

A better account experience leads to:
* Higher customer satisfaction
* Fewer support requests
* Increased repeat purchases

Free and Premium Features

Free Features (included with NextDash)

  • Modern Customer Dashboard – Clean, intuitive interface replacing WooCommerce’s default My Account page
  • Email-based Login – customers can sign in using their email
  • Signup – create a new customer account
  • OTP-based Forgot Password – email one-time code, verify OTP, then reset password
  • Dashboard Overview – order statistics, recent orders, and account summary at a glance
  • Order Management – full order history with status badges, filtering, and pagination
  • Order Details – complete order information including items, billing, shipping, and payment details
  • Downloads Center – easy access to all downloadable products
  • Address Management – edit billing and shipping addresses inline
  • Account Settings – update name, email, and password
  • Dark Mode Support – light, dark, or system-based theme
  • Mobile-First Design – optimized for phones, tablets, and desktops
  • Performance – loads only on WooCommerce My Account pages
  • Developer Friendly – hooks, filters, and extensibility

Premium Features (requires [NextDash Premium](https://nextdash.io))

  • Social Login – Google, Facebook, Apple (Premium feature)
  • Subscriptions (WooCommerce Subscriptions) (Premium feature)
  • Memberships (WooCommerce Memberships) (Premium feature)
  • Bookings (WooCommerce Bookings) (Premium feature)
  • Gift Cards (WooCommerce Gift Cards) (Premium feature)

🔌 Compatibility

  • Works with any WordPress theme
  • Compatible with WooCommerce Blocks
  • Supports WooCommerce HPOS (Custom Order Tables)
  • Compatible with YITH WooCommerce Wishlist
  • No conflicts with standard WooCommerce extensions

📱 Responsive & Accessible

  • Mobile-first responsive layout
  • Touch-friendly interface
  • Keyboard navigation support
  • Screen reader compatible
  • WCAG-friendly contrast and structure

🚀 Performance

  • Optimized React bundle
  • Lazy-loaded components
  • Minimal server load
  • Only loads on WooCommerce My Account pages

Source Code

Important Note:
The files in the dist/ folder (such as dist/assets/nextdash-main.js) are minified and compressed production builds optimized for performance. These files are generated from the original source code using build tools.

Source Code Availability:
The WordPress.org plugin submission includes only the compiled production files in the dist/ folder. The complete, unminified source code (React components, TypeScript files, and CSS) is available in our public GitHub repository for review, study, and contribution.

GitHub Repository:
For development, contribution, and access to the original source code, visit our GitHub repository:
https://github.com/wenextcoder/nextdash

The src/ folder containing all source files is maintained in the GitHub repository and is not included in the WordPress.org plugin zip file.

Build Tools:
This plugin uses modern build tools to create optimized production files:
* Vite – Build tool and development server
* npm – Package manager for dependencies
* TypeScript – Type-safe JavaScript
* Tailwind CSS – Utility-first CSS framework

Building from Source:
To build the plugin from source code:

  1. Clone the repository from GitHub: git clone https://github.com/wenextcoder/nextdash.git
  2. Install Node.js 18+ and npm
  3. Navigate to the plugin directory
  4. Install dependencies: npm install
  5. Build for production: npm run build
  6. Development mode: npm run dev (runs Vite dev server)

The source code in the src/ folder (available on GitHub) follows standard React/TypeScript conventions and is formatted for developer review and modification. The compiled files in dist/assets/ are generated from this source code using the build tools listed above.

For detailed development instructions, see the README.md file in the GitHub repository.

Privacy Policy

NextDash does not:
* Collect any user data
* Track user behavior
* Make external API calls
* Store data outside your WordPress installation
* Use cookies beyond standard WordPress authentication

All data remains on your server and follows WordPress and WooCommerce privacy standards.

屏幕截图

  • Dashboard Overview – Modern customer dashboard with order summary
  • Order History – Clean, easy-to-scan order list with status badges
  • Order Details – Full order information with items and addresses
  • Downloads Center – Manage downloadable products
  • Wishlist – Wishlist Listed product
  • Address Management – Edit billing and shipping addresses
  • Account Settings – Update personal details and password
  • Admin Settings – NextDash configuration panel

安装

Automatic Installation

  1. Log in to your WordPress admin panel
  2. Navigate to Plugins → Add New
  3. Search for “NextDash”
  4. Click “Install Now” and then “Activate”

Manual Installation

  1. Download the plugin zip file
  2. Go to Plugins → Add New → Upload Plugin
  3. Upload the zip file and click “Install Now”
  4. Activate the plugin

After Installation

  1. Go to NextDash in your WordPress admin
  2. Enable NextDash from the settings page
  3. Configure your preferences (theme mode, sections, etc.)
  4. Visit your WooCommerce My Account page

Shortcode

Use this shortcode to display the dashboard anywhere: [nextdash_dashboard]

常见问题

Will this work with my WordPress theme?

Yes. NextDash works independently of your theme and only affects the WooCommerce My Account page.

Does it work on mobile devices?

Absolutely. NextDash is built mobile-first and works smoothly on phones, tablets, and desktops.

Do I need coding knowledge?

No. NextDash works out of the box after activation. Simply enable it from the settings page.

Will it slow down my site?

No. NextDash only loads on WooCommerce My Account pages and is optimized for performance.

Does it support dark mode?

Yes. Users can choose light, dark, or system-based theme preferences.

Is it translation ready?

Yes. All strings are internationalized and a .pot file is included.

Is NextDash compatible with Wishlist?

Yes. Wishlist functionality integrates YITH WooCommerce Wishlist.

评价

此插件暂无评价。

贡献者及开发者

「NextDash – Modern Customer Dashboard」是开源软件。 以下人员对此插件做出了贡献。

贡献者
  • wenextcoder

帮助将「NextDash – Modern Customer Dashboard」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志。

更新日志

1.0.1 – 2026-03-19

  • Added email-based login, signup, and OTP-based forgot password flow (send code, verify OTP, reset password)
  • Added Premium features support: Subscriptions, Memberships, Bookings, and Gift Cards (via NextDash Premium)
  • Fixed various issues and improved stability (dashboard routing, settings validation, and WordPress coding-standard fixes)

1.0.0 – 2026-02-14

  • Initial release
  • React-based WooCommerce customer dashboard
  • Order management and order details
  • Downloadable products section
  • Address management (billing and shipping)
  • Account details editing
  • Dark mode support

额外信息

  • 版本 1.0.1
  • 最后更新:1 月前
  • 活跃安装数量 10+
  • WordPress 版本 5.8 或更高版本
  • 已测试的最高版本为 6.9.4
  • PHP 版本 7.4 或更高版本
  • 语言
    English (US)
  • 标签
    customer dashboardMy accountreactwoocommercewoocommerce dashboard.
  • 高级视图

评级

尚未提交反馈。

Your review

查看全部评论

贡献者

  • wenextcoder

支持

有话要说吗?是否需要帮助?

查看支持论坛

  • 关于
  • 新闻
  • 主机
  • 隐私
  • 陈列窗
  • 主题
  • 插件
  • 区块样板
  • 学习
  • 支持
  • 开发者
  • WordPress.tv ↗︎
  • 参与
  • 活动
  • 捐赠 ↗
  • 未来五分计划
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org

China 简体中文

  • 关注我们的 X(原 Twitter)账号
  • 访问我们的 Bluesky 账号
  • 关注我们的 Mastodon 账号
  • 访问我们的 Threads 账号
  • 访问我们的 Facebook 公共主页
  • 关注我们的 Instagram 账号
  • 关注我们的 LinkedIn 主页
  • 访问我们的 TikTok 账号
  • 访问我们的 YouTube 频道
  • 访问我们的 Tumblr 账号
代码如诗
The WordPress® trademark is the intellectual property of the WordPress Foundation.