RT Advance Order Reporting adds a powerful reporting section under WooCommerce in the WordPress admin. Version 2.0 rebuilds the dashboard interface in React (charts via Recharts) while keeping the same server-side data layer and AJAX endpoints.
Features
<ul>
<li>Sales Summary – revenue, order count, AOV, items sold + daily revenue/orders chart</li>
<li>Orders by Status – doughnut chart + breakdown table</li>
<li>Top Products – ranked by revenue with visual bar meters</li>
<li>Top Customers – ranked by lifetime value in the selected period</li>
<li>Refunds & Cancellations – summary KPIs + full order table with direct admin links</li>
<li>Period filters: Today, Yesterday, This Week, This Month, Last Month, This Year, Custom Range</li>
<li>Advanced filters: billing email, country & state (billing or shipping scope), payment gateway, shipping method, and tax class — applied across every report tab and the CSV export</li>
<li>CSV Export for every report tab</li>
<li>Auto-refreshes every 60 seconds (live badge) + manual refresh</li>
<li>WordPress Dashboard Widget showing today’s totals at a glance</li>
</ul>
<h3>For developers</h3>
The React source lives in <code>src/</code>. To rebuild the bundle after editing it:
<pre><code>npm install
npm run build # builds assets/css/dashboard.css (Sass) + assets/js/dashboard.js (esbuild)
npm run watch:js # rebuild JS on change
npm run watch:css # rebuild CSS on change
</code></pre>
Build tooling: esbuild (JS bundling) + Dart Sass (styles). Styles are authored 
in src/dashboard.scss as hand-written, custom CSS — no utility framework — with 
every rule scoped under <code>.rtao-aor-app</code> so wp-admin styling is never affected. 
React, ReactDOM, Recharts and icons are bundled into a single self-contained 
file, so the script declares no WordPress JS dependencies.
The data contract is unchanged from 1.x: the React app POSTs to admin-ajax.php 
(<code>action=rtao_aor_data</code>) and reads <code>window.rtaoAOR</code> (ajaxurl, nonce, currency). 
CSV export reuses <code>action=rtao_aor_export</code>.

RT Advance Order Reporting

Real-time advanced order reporting dashboard for WooCommerce, with a React interface.

Blaze Concepts

Unknown to many, WooCommerce captures the device/platform, browser and browser version used by a customer when an order is placed, this is known as the user agent string. This useful information is currently not shown anywhere in the WooCommerce plugin.
**Friendly User Agent for WooCommerce* simply displays this information as a new column on the Orders page and within the Edit Order page. You can then see what customers are using what devices and browsers.
<h3>Currently Detected Platforms</h3>
Desktop
<ul>
<li>Windows</li>
<li>Linux</li>
<li>Macintosh</li>
<li>Chrome OS</li>
<li>FreeBSD</li>
<li>NetBSD</li>
<li>OpenBSD</li>
</ul>
Mobile
<ul>
<li>Android</li>
<li>iPhone</li>
<li>iPad</li>
<li>iPod</li>
<li>Windows Phone</li>
<li>Kindle</li>
<li>Kindle Fire</li>
<li>BlackBerry</li>
<li>Playbook</li>
<li>Tizen</li>
<li>Sailfish</li>
<li>Symbian</li>
</ul>
Console
<ul>
<li>Nintendo 3DS</li>
<li>New Nintendo 3DS</li>
<li>Nintendo DS</li>
<li>Nintendo Switch</li>
<li>Nintendo Wii</li>
<li>Nintendo WiiU</li>
<li>PlayStation 3</li>
<li>PlayStation 4</li>
<li>PlayStation 5</li>
<li>PlayStation Vita</li>
<li>Xbox</li>
<li>Xbox One</li>
</ul>
<h3>Currently Detected Browsers</h3>
<ul>
<li>AdsBot-Google</li>
<li>Android Browser</li>
<li>Applebot</li>
<li>Baiduspider</li>
<li>bingbot</li>
<li>BlackBerry Browser</li>
<li>Bunjalloo</li>
<li>Camino</li>
<li>Chrome</li>
<li>curl</li>
<li>Edge</li>
<li>facebookexternalhit</li>
<li>FeedValidator</li>
<li>Firefox</li>
<li>Googlebot</li>
<li>Googlebot-Image</li>
<li>Googlebot-Video</li>
<li>HeadlessChrome</li>
<li>IEMobile</li>
<li>iMessageBot</li>
<li>Kindle</li>
<li>Lynx</li>
<li>Midori</li>
<li>MiuiBrowser</li>
<li>MSIE</li>
<li>msnbot-media</li>
<li>NetFront</li>
<li>NintendoBrowser</li>
<li>OculusBrowser</li>
<li>Opera</li>
<li>Puffin</li>
<li>Safari</li>
<li>SailfishBrowser</li>
<li>SamsungBrowser</li>
<li>Silk</li>
<li>TelegramBot</li>
<li>TizenBrowser</li>
<li>Twitterbot</li>
<li>UC Browser</li>
<li>Valve Steam Tenfoot</li>
<li>Vivaldi</li>
<li>Wget</li>
<li>WordPress</li>
<li>Yandex</li>
<li>YandexBot</li>
</ul>
If you find a missing platform or browser, please let us know in the support forum and we’ll add it in our next version.
Using the simple, streamlined PHP user-agent parser. Credit: https://github.com/donatj/PhpUserAgent 
PhpUserAgent license: https://github.com/donatj/PhpUserAgent/blob/master/LICENSE.md

Friendly User Agent for WooCommerce

Hi, very well done, I would give some css work on the orders admin display since the row is fixed width and icon is something jumping to next row.. 
Thanks and keep on the good work!

simple and great

Displays the user agent (device/platform, browser and browser version) that was used by a customer to make an order in your WooCommerce store.

RT Advance Order Reporting vs Friendly User Agent for WooCommerce