Fluent Commerce Logo
Docs
Sign In

Fluent Store Dashboard

Topic

Author:

Fluent Commerce

Changed on:

9 May 2024

Overview

Fluent Store's configurable dashboard displays key information about orders and fulfilment and their statuses. It helps in-store staff monitor orders waiting for pick-up and plan the pick-and-pack , and also provides visibility to retail managers, allowing analysis of performance at a store level. Tiles display fulfilment quantities and their statuses.  For example, a tile may display the total count of fulfilments in 'Awaiting Pick' status (Orders Awaiting Pick) for one day (or more) at a specific . Tiles are clickable, navigating to a separate page showing data for that tile.

Dashboard Configuration

Author:

Fluent Commerce

Changed on:

9 May 2024

Overview

The configurable dashboard of Fluent Store provides a comprehensive view of essential information about orders and fulfilment and their statuses at any instance. Using this capability, the in-store staff can monitor orders waiting to be picked and plan the pick-and-pack and pending tasks.

Key points

  • A guide to configuring the dashboard and display the result to the user
  • Configure the Dashboard by using the mystique manifest.
No alt provided

Dashboard Configuration

The Dashboard tiles are configurable via a manifest file.

The Dashboard Tile Component is configured to display real-time data from a query.

The common use cases of the Dashboard from a store perspective are:

  • A Store Operations Manager can configure the threshold values based on their stores' Pick & Pack SLAs. The Store Staff can take relevant actions based on the colors of the tiles.
  • The Dashboard can serve as an exception management tool. For example, displaying entities (orders, fulfilments, etc.) that have not moved to the desired state as configured in the workflow.

The threshold limits are configurable numeric values that are compared with the total number of entities filtered by status and SLA for a specific time.

The color of the tiles is displayed based on the threshold values.

Thresholds and colors are explained for each tile for the above example.

Below is an explanation of each tile and page in the baseline Dashboard Template .

Tile 1: ORDERS AWAITING PICK

Property

Configured Value

Min Threshold

1

Max Threshold

10

Navigation Link

Navigate to the Orders Awaiting Pick Page

Displays "Green" when the number of Orders Awaiting Pick is less than the Min Threshold: Zero / 0.

Displays "Orange" when the number of Orders Awaiting Pick is between the Min and the Max Threshold: 1 - 10

Displays "Red" when the number of Orders Awaiting Pick is greater than the Max Threshold: 11+

Tile 2: IN PROGRESS WAVES

Property

Configured Value

Min Threshold

1

Max Threshold

3

Navigation Link

Navigate to the In Progress Waves Page

Displays "Green" when the number of In Progress Waves is less than the Min Threshold: Zero / 0.

Displays "Orange" when the number of In Progress Waves is between the Min and the Max Threshold: 1 - 3

Displays "Red" when the number of In Progress Waves is greater than the Max Threshold: 4+

Tile 3: COMPLETED WAVES

Property

Configured Value

Min Threshold

0

Max Threshold

1000000

Navigation Link

Navigate to the Completed Waves Page

Displays "Green" when the number of Completed Waves is less than the minimum threshold: -1.

Displays "Orange" when the number of Completed Waves is between the Min and the Max Threshold: 0 - 1000000

Displays "Red" when the number of Completed Waves is greater than the Max Threshold: 1000001+

To learn more about configuring the Dashboard Tiles, go to Dashboard Component

Orders Awaiting Pick Page

The ‘Orders Awaiting Pick’ page in the Fluent Store displays a list of fulfilments that are assigned to the and are ready to be picked & packed. Users will be directed to this page through the ‘Orders Awaiting Pick’ tile on the Dashboard.

No alt provided

Create : Picking of orders is initiated by creating a . This is actioned by clicking on the ‘CREATE , shown in the top right corner of the page.

In Progress Waves Page

The ‘In Progress Waves’ page in the Fluent Store displays a list of waves that are in progress and not yet completed.

There are three steps in this stage:

  • Pick
  • Pack
  • Dispatch

All the waves that have been created and in one of these states will be displayed on this page. Users will be navigated to this page through the ‘In Progress Waves’ tile on the Dashboard.

No alt provided

Each line item or ‘Resume will take the user to the corresponding step of the wave-specific wizard component.

For example, If the user clicks on “RESUME ” for a in PACK status, the user will be navigated straight to the PACK step of that .

Completed Waves Page

The ‘Completed Waves’ page in the Fluent Store displays a list of waves that have been completed. Users will be navigated to this page through the ‘Completed Waves’ tile on the Dashboard.

No alt provided

Each completed ID will navigate to the details page. Currently, the system will take the user to ‘Step 3’ of the wave-specific wizard component.

Fluent Commerce

Fluent Commerce