# Shipment Tracking Dashboard on Voila

## <span style="color: rgb(240, 75, 75);">**<span style="color: rgb(245, 89, 64);">Overview</span>** </span>

<span data-preserver-spaces="true">Integrating your operational systems with a shipping API service can provide you with easy access to real-time shipment tracking information. <span style="color: rgb(245, 89, 64);">**Voila**</span> can help you retrieve this information effortlessly. With a dedicated function, <span style="color: rgb(245, 89, 64);">**Voila**</span> lets you monitor shipments from their despatch initiation to their final delivery destination. This documentation explains how to configure and deploy this tracking feature successfully in your system.</span>

### <span style="color: rgb(245, 89, 64);">**Shipment Tracking Dashboard** </span><span style="color: #003366;">**<span style="color: rgb(240, 75, 75);"><span style="color: rgb(245, 89, 64);">on</span></span>** </span><span style="color: rgb(240, 75, 75);">**[![Voila.png](https://shipping-documentation.despatchcloud.app/uploads/images/gallery/2025-02/scaled-1680-/tT4voila.png)](https://shipping-documentation.despatchcloud.app/uploads/images/gallery/2025-02/tT4voila.png)**</span>

<span data-preserver-spaces="true">Navigate to the Dashboard, in the upper-right corner of the system, you will find two distinct buttons: "Shipping Dashboard" and "Tracking Dashboard." </span><span data-preserver-spaces="true">The Tracking Dashboard, helps you focus on tracking shipments effectively within the system.</span>

<span data-preserver-spaces="true">The visual representation below provides an insightful display of shipment details, predominantly encompassing today's shipments by default. To inspect shipments from alternative dates, the date picker positioned on the upper right-hand side of the screen proves to be a valuable tool. This feature offers a dual function: the ability to manually select dates from the calendar and the convenience of employing rapid date picker options, each offering predefined time spans such as "Today," "Yesterday," "This Week," "Last Week," and others.</span>

<span data-preserver-spaces="true">Upon date filtering, a comprehensive presentation of tracking results materialises. These results encapsulate various aspects ranging from the quantity of despatched shipments to the corresponding statuses. These statuses encompass categories such as "Delivered on Time," "Late Delivery," "Exception," and "Failed."</span>

<span data-preserver-spaces="true">The "Shipments Per Hour" graphical chart is noteworthy among the displayed information. It portrays shipment distribution across the selected time interval. Each shipment status is distinguishably colour-coded. Additionally, the dashboard houses two supplementary charts below: "Delivery Performance by Region" and "Active Deliveries by Tracking Status."</span>

<p class="callout info"><span data-preserver-spaces="true">**Chart Insights**: Dive into the "Shipments Per Hour" chart to identify peak shipping times. Adjust your operations to manage high-demand periods more effectively.</span></p>

<span data-preserver-spaces="true">An effective filtering bar is nestled on the left side of the date filter. This feature empowers users to precisely narrow down the displayed shipments based on personalised criteria. Notable options within this filtering bar encompass:</span>

- **<span data-preserver-spaces="true">Couriers</span>**<span data-preserver-spaces="true">: Facilitates the selection of specific couriers for tracking purposes.</span>
- **<span data-preserver-spaces="true">Friendly Service Name</span>**<span data-preserver-spaces="true">: Enables searches for shipments linked to specific courier presets via the Friendly Service Name filter. Service IDs or preset names can be input here. For example, the "IPX-DPDND" Service ID or the corresponding name "DPD Parcel Next Day" can be utilised. Reference to the "[How to Add a Courier Service](https://shipping-documentation.despatchcloud.app/books/courier-directory/page/how-to-add-a-courier-service)" document can provide further insights into courier services and presets.</span>
- **<span data-preserver-spaces="true">API Account</span>**<span data-preserver-spaces="true">: This option allows the selection of API accounts for tracking, which is particularly useful when multiple accounts are in use.</span>
- **<span data-preserver-spaces="true">To Country</span>**<span data-preserver-spaces="true">: Offers the ability to focus on shipments destined for particular countries.</span>
- **<span data-preserver-spaces="true">Tracking</span>**<span data-preserver-spaces="true">: This feature permits the tracking of shipments with specific statuses, including "Booked," "Collected," and "Delivered."</span>
- **<span data-preserver-spaces="true">On-Time/Late</span>**<span data-preserver-spaces="true">: This feature facilitates tracking shipments with defined time-based statuses such as "Expected Late," "Expected On Time," "Delivered Late," or "Delivered On Time."</span>

<span data-preserver-spaces="true">These filtering options allow users to tailor their tracking experience to align with their specific requirements.</span>

<video controls="controls" height="467" src="https://shipping-documentation.despatchcloud.app/attachments/22?open=true" style="width: 830px; height: 467px;" width="830"></video>

<p class="callout info">Click to Play or Pause the video</p>