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.

reefdog

freedmand

chrisamico

<a href="https://www.documentcloud.org/" rel="nofollow ugc">DocumentCloud</a> is a service that allows journalists to analyze, annotate and publish documents, hosted by Investigative Reporters & Editors. Initial development of this plugin supported by <a href="http://www.npr.org" rel="nofollow ugc">NPR</a> as part of the <a href="http://stateimpact.npr.org" rel="nofollow ugc">StateImpact</a> project.
This plugin allows you to embed DocumentCloud resources using either the raw URL on its own line:
<pre><code>Here's something you should really take a look at:

https://www.documentcloud.org/documents/282753-lefler-thesis.html

Isn't that interesting?
</code></pre>
Or a custom shortcode:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html"]
</code></pre>
When you save, WordPress fetches and stores the actual embed code HTML from the DocumentCloud servers using oEmbed. You can freely toggle between visual and HTML mode without mangling embed code, and your embed will always be up to date with the latest embed code.
By default, documents will have a responsive width (it will narrow and widen as necessary to fill available content area) and use the theme’s default height. If you want to override this, you can either set <code>responsive="false"</code> or explicitly set a <code>width</code>:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html" width="600"]
</code></pre>
You can set your own defaults in Settings > DocumentCloud, but default widths will be ignored unless <code>responsive</code> is disabled:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html" responsive="false"]
</code></pre>
To embed a single page, use any page-specific URL. Pages ignore <code>width/height</code> and always act responsively:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html#document/p1"]
</code></pre>
To embed a note, use any note-specific URL. Notes ignore <code>width/height</code> and always act responsively:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html#document/p1/a53674"]
</code></pre>
To control which view is displayed by default, use the <code>mode</code> parameter:
<pre><code>[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html" mode="notes"]
[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html" mode="text"]
[documentcloud url="https://www.documentcloud.org/documents/282753-lefler-thesis.html" mode="grid"]
</code></pre>
Here’s the full list of embed options you can pass via shortcode attributes; some are specific to the type of resource you’re embedding.
All resources:
<ul>
<li><code>url</code> (required, string): Full URL of the DocumentCloud resource.</li>
<li><code>container</code> (string): ID of element to insert the embed into; if excluded, embedder will create its own container.</li>
</ul>
Documents only:
<ul>
<li><code>height</code> (integer): Maximum height (in pixels) of the embed.</li>
<li><code>width</code> (integer): Maximum width (in pixels) of the embed.</li>
<li><code>page</code> (integer): Page number to have the document scroll to by default.</li>
<li><code>note</code> (integer): ID of the note that the document should highlight by default.</li>
<li><code>notes</code> (boolean): Hide or show notes.</li>
<li><code>search</code> (boolean): Hide or show search form.</li>
<li><code>sidebar</code> (boolean): Hide or show sidebar.</li>
<li><code>pdf</code> (boolean): Hide or show link to download original PDF.</li>
<li><code>text</code> (boolean): Hide or show text tab.</li>
<li><code>zoom</code> (boolean): Hide or show zoom slider.</li>
<li><code>mode</code> (string): Display mode for the document viewer. Valid values: <code>document</code>, <code>notes</code>, <code>text</code>, <code>grid</code>. Controls which view is shown by default.</li>
<li><code>format</code> (string): Indicate to the theme that this is a wide asset by setting this to <code>wide</code>. Defaults <code>normal</code>.</li>
</ul>
Or as a Gutenberg Block:
<pre><code>DocumentCloud
</code></pre>
Here’s the list of settings that can be used for the block: 
– <code>WIDTH</code> (number): Sets the width of the document (optional) 
– <code>HEIGHT</code> (number): Sets the height of the document (optional) 
– <code>STYLE</code> (string): Adds additional style to the embedded document (optional)
The following options can only be used for Documents: 
– <code>Show Title</code> (toggle): Determines whether to show the title of the embedded document 
– <code>Show FullScreen Button</code> (toggle): Determines whether to show a full screen icon on the document 
– <code>Only Show Organization</code> (toggle): Determines whether to only show the organization name that published the document. 
– <code>Show PDF Download Link</code> (toggle): Determines whether to show the download as pdf icon for documents.
Note – The default width and height from the Settings does not work for the Gutenberg Block.
You can read more about publishing and embedding DocumentCloud resources on https://www.documentcloud.org/help/publishing.

DocumentCloud

Embed DocumentCloud resources in WordPress content.

RT Advance Order Reporting vs DocumentCloud