How to Build a WooCommerce Order Management Table in WordPress

Updated July 2026 • 8 min read • By Fahad Murtaza

A WooCommerce order management table gives your shop managers a single-page view of every order, customer name, email, products, quantities, status, and total, with the ability to filter by status and export a CSV without leaving the page. Here is how to build the complete configuration in TableCrafter from start to finish. WordPress powers 43% of all websites globally (W3Techs, July 2026), and TableCrafter bridges the gap between the data you collect and the tables your users need to see, no custom PHP, no dashboard access required for viewers, and no per-row limits on the free tier. The free version on WordPress.org supports CSV, JSON, Google Sheets, and Excel. Pro adds Gravity Forms, Airtable, Notion, WooCommerce, REST APIs, inline cell editing, export to CSV/PDF, role-based column visibility, and auto-refresh. Every table embeds on any page with a [tablecrafter] shortcode or the native Gutenberg block. Airtable views can filter up to 100,000 records with sub-second response times on Pro plans (Airtable documentation, 2025).

What You Are Building?

The end result is a frontend table with these columns:

• Order # (sortable, links to WooCommerce order detail)
• Date (sortable, formatted MM/DD/YYYY)
• Customer Name (billing first + last)
• Email
• Product (first or primary line item)
• Qty
• Status (inline editable dropdown for admins and shop managers)
• Total (currency formatted)

The table will have a status filter dropdown at the top, a search bar, and a CSV export button. Only users with the Shop Manager or Administrator role can see or interact with it.

This configuration interacts with any caching or CDN layer active on your WordPress installation. If you use WP Rocket, LiteSpeed Cache, or a CDN such as Cloudflare, flush the page cache after making this change to ensure the updated configuration is reflected in the cached HTML served to visitors. TableCrafter's server-side output is regenerated on the next uncached request.

Step 1: How Do I Create the Table Configuration?

Go to TableCrafter → Tables → Add New. Set the data source to WooCommerce: Orders. Name the table Order Management, All Orders.

This setting persists across table rebuilds. If you change the data source later, you may need to revisit this step to remap columns from the new source to the existing table configuration.

This configuration is saved to the WordPress database immediately. There is no draft or preview state for table settings — once you click Save, the change goes live on every page where this table is embedded via shortcode or block.

After completing this step, verify the result by viewing the page as a logged-out visitor in an incognito window. This confirms the table behaves correctly for public visitors rather than reflecting admin-level permissions that may hide configuration issues during initial setup. Check both the rendered output and the browser console for any JavaScript errors.

Step 2: How Do I Configure Every Column?

Open the Columns tab and add the following columns in order:

Order # with Link

Add the order_id field. Set the Display Type to Link. In the link URL field enter:

/wp-admin/post.php?post={order_id}&action=edit

This creates a clickable order number that jumps directly to the WooCommerce order detail screen. Set Open in to New Tab so the table stays open.

Date

Add order_date. Set Format to Date and choose MM/DD/YYYY from the date format picker. Enable Sortable. Set this as the default sort column, descending.

Customer Name (Computed Column)

Click Add Computed Column. Set the label to Customer. In the template field enter:

{billing_first_name} {billing_last_name}

TableCrafter interpolates the two fields at render time. The computed column is searchable by default.

Email

Add billing_email. Set Display Type to Email so it renders as a clickable mailto: link.

Product

Add line_item_name. Label it Product. This shows the name of the first line item. If an order has multiple products, enable Show all line items in the table-level settings to expand the row; otherwise this field shows the first product with a count badge for additional items.

Qty

Add line_item_quantity. Label it Qty. Set Align to center.

Status (Inline Editable)

Add order_status. Label it Status. Set Display Type to Badge so each status value gets a colour-coded pill. Then open the Edit sub-panel for this field:

• Toggle Allow inline edit on.
• Set Edit type to Dropdown.
• The options will auto-populate from WooCommerce's registered order statuses.
• Set Minimum role to edit this field to Shop Manager.

When a shop manager changes the status in the dropdown and clicks the checkmark, TableCrafter calls the WooCommerce order update API, which triggers all the same hooks as changing the status in the WooCommerce admin, including email notifications to customers.

Total

Add order_total. Label it Total. Set Format to Currency. TableCrafter reads the store's WooCommerce currency symbol and position settings and applies them automatically. Set Align to right.

Step 3: How Do I Configure Filters?

Open the Filters tab. Add a filter for order_status:

• Filter Type: Dropdown (single-select)
• Label: Status
• Default Value: Leave blank to show all orders, or set to processing to default to active orders
• Include "All" option: Yes

Add a second filter for order_date:

TableCrafter validates this configuration on save. If validation fails, the admin panel displays a specific error message identifying which field caused the problem. Correct the field value and save again without needing to restart the setup process.

The column mapping you define here is stored as a JSON configuration in the WordPress database. You can export this configuration using the TableCrafter export tool and import it to another table or another site. This is useful when replicating a table layout across multiple pages or when migrating a table to a staging environment for testing before going live.

• Filter Type: Date Range
• Label: Date Range
• Default: Last 30 days

Step 4: How Do I Configure Search and Export?

In the Toolbar tab:

This step is required before the table can render data. Skipping it or entering incorrect values will result in a connection error when the table first loads. Double-check the value by pasting it directly into the field rather than typing it manually to avoid whitespace or encoding issues.

TableCrafter re-fetches this data on each page load by default. If your data source updates infrequently and your site has significant traffic, enable the built-in caching option in the table's Performance tab. This stores the fetched data for a configurable number of minutes and serves it from WordPress transients, reducing API calls to the source and improving page load time for visitors.

• Enable Search bar. TableCrafter will search across order_id, the computed customer name, and billing_email by default. You can add or remove columns from the search scope in the column settings.
• Enable Export to CSV. The export button appears in the top-right of the table. Exports respect the current filter state, if a shop manager filters to Processing orders from the last 7 days and clicks Export, the CSV contains exactly those rows.

Step 5: How Do I Set Access Permissions?

In the Access tab:

• Minimum role to view: Shop Manager
• Roles that can edit: Shop Manager, Administrator

If a logged-out user or a customer role user visits the page containing the shortcode, TableCrafter renders nothing, no error message, just empty output. Add a custom message in the No Access Message field if you want to redirect them.

If the result does not match expectations after saving, use the TableCrafter debug log (enable via TableCrafter Settings > Advanced > Debug Mode) to trace exactly which configuration value is being applied for the current request.

The configuration you set here applies to every visitor who loads a page containing this table, regardless of whether they are logged in. Role-specific overrides for columns and rows are a separate layer and do not replace these global display settings. Apply global settings first, then add role restrictions as needed for tables that serve multiple user types.

Step 6: How Do I Save and Place the Shortcode?

Save the table config. Note the table ID. Place the shortcode on a private or password-protected page, or a page inside a members-only area:

[tablecrafter id="3" edit="true" filter="true" search="true" export="true"]

All four attributes are enabled here. If you configured inline editing through the table config UI, the edit="true" attribute is redundant but harmless. Same for filter="true", it is on by default when filters are configured, but including it in the shortcode makes the intent explicit.

This step completes the connection between your data source and the TableCrafter table engine. Once saved, the plugin caches the connection credentials in the WordPress options table and uses them on every subsequent page load. If you update the source configuration later — for example, rotating an API key or changing a sheet URL — return to this step, enter the new value, and save again. The table updates immediately on next load without any shortcode changes.

Step 7: How Do I Test Every Role?

Before deploying to production, test with three user accounts:

Test this step while logged in as a user with the target role to confirm the expected behavior. Logged-in admin users always see all columns and all rows regardless of role restrictions, which can mask visibility issues during initial configuration.

If this step produces unexpected output, check the source data directly in the connected system. TableCrafter passes data through without modification — if a cell displays an unexpected value, the source record contains that value. Use the TableCrafter debug log (Settings > Advanced > Debug Mode) to trace the exact query sent to the source and the raw response received, which narrows the diagnosis to either a source-side or rendering-side issue.

1. Administrator: Should see the full table with all columns and be able to change order status.
2. Shop Manager: Same as administrator for this config.
3. Customer or logged-out: Should see no table (empty output or your custom no-access message).

How Does Column Configuration Summary Work?

• order_id, Link to WC admin order detail
• order_date, Date format, default sort DESC
• Computed: {billing_first_name} {billing_last_name}
• billing_email, mailto link
• line_item_name, First product
• line_item_quantity, Center aligned
• order_status, Badge display, inline editable dropdown, shop manager+
• order_total, Currency format, right aligned

How Does Performance Considerations Work?

Large WooCommerce stores with 50,000+ orders should enable TableCrafter's Server-Side Processing mode in the table settings. In this mode the table fetches only the current page of results from the database rather than loading all matching orders into memory. Pagination, sorting, and filtering all work the same way from the user's perspective.

The setting is stored in the WordPress options table under the table's configuration key. It does not modify the original data source and can be changed at any time without affecting the underlying records.

This configuration interacts with any caching or CDN layer active on your WordPress installation. If you use WP Rocket, LiteSpeed Cache, or a CDN such as Cloudflare, flush the page cache after making this change to ensure the updated configuration is reflected in the cached HTML served to visitors. TableCrafter's server-side output is regenerated on the next uncached request.