> For the complete documentation index, see [llms.txt](https://quicly.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://quicly.gitbook.io/help/your-dashboard/dashboard-overview.md).

# Dashboard Overview

The main dashboard is strategically organized into four primary sections to optimize user navigation and functionality:

<figure><img src="/files/ht6xHW2b4SK62JuLje1C" alt=""><figcaption><p>Img 1 - Dashboard</p></figcaption></figure>

<figure><img src="/files/Qg6njTaBGdSWQ7hMXUwv" alt=""><figcaption><p>Img 2 - Dashboard Sections</p></figcaption></figure>

## <mark style="color:purple;">1. Sidebar (Navigation Panel):</mark>

* **Navigation:** Shows various destinations available within the quic.ly app

<div align="left"><figure><img src="/files/i2hkEyqnsG7oVLSONkiZ" alt="" width="206"><figcaption><p>Img 3 - Sidebar</p></figcaption></figure></div>

### <mark style="color:orange;">Sidebar Accessibility:</mark>

For your convenience, the sidebar is designed to be collapsible, allowing you to maximize your workspace as needed.

**To Toggle Sidebar:**&#x20;

* Look for the toggle icon (represented by a blue vertical small line) situated at the right of the sidebar.
* When you **hover over this line**, it changes to an **arrow icon**—pointing rightwards to indicate expansion, or leftwards to signal retraction.
* Simply **click** on this icon to swiftly **expand or collapse** the sidebar.

This hover-to-reveal functionality allows for a clean interface while providing easy access to expand the sidebar when you need it.

{% embed url="<https://drive.google.com/file/d/1ZVprAi6lDLqEwEA4Pl_tbO-Re4H6f_dv/view?usp=share_link>" %}
Video 1 - Sidebar Toggle&#x20;
{% endembed %}

* **Navigation Options:** Provides quick links to various sections of the web app, including:
  * **Create New:** A dedicated space for Custom URL conversion.
  * **Home**: Your default homepage, providing an overview of your plan details, limits, and current usage.
  * **Dashboard:** Your main workspace and overview.
  * **Analytics:** Displays comprehensive metrics, top URL lists, graphical representations of user interactions based on different categories, and more.
  * **Links:** Access to your complete list of shortened URLs, with extensive filtering and sorting options.
  * **QR Codes:** A specific area for URLs associated with QR codes, retaining all filtering options found in 'Links'.
  * **Collections:** View, manage, and create collections to group your marketing promotions, each displayed with relevant statistics.
  * **Bulk Convert:** A utility for mass URL shortening through text input or file uploads, adhering to plan-specific limitations.
  * **Help Docs:** Directs to this help documentation.
  * **User Settings:** User Settings: Gain detailed access to your account information, billing usage, settings, custom domains, and more
  * **Log Out:** Securely exit your user session.

## <mark style="color:purple;">2. Top Menu Bar:</mark>

<figure><img src="/files/XHc2tSeXdYMci8utKyDC" alt=""><figcaption><p>Img 4 - Top Menu Bar</p></figcaption></figure>

Top menu bar consists mainly the [Quick Convert Widget](/help/shortening-urls/quick-convert-widget.md) in the center and search panel, notification and user settings

* **Quick Convert Widget:** [View here](/help/shortening-urls/quick-convert-widget.md)&#x20;
* **Search:** A powerful tool to sift through URLs, collections, and more, directing users to a results page with additional filtering options.

<figure><img src="/files/9BDX3Xo1U3F3FrpzOlly" alt=""><figcaption><p>Img 5 - Search, notifications and settings sections in Top menu bar</p></figcaption></figure>

* **Notifications:** Keeps you updated with the latest features, announcements, or personal messages.

<figure><img src="/files/BpcbMWxXyyazokkp6zU8" alt=""><figcaption><p>Img 6 - Notifications</p></figcaption></figure>

* **Profile & Settings:** Quick access to your account settings, help docs, product roadmap, feature requests, and bug reporting.

<figure><img src="/files/MSpjUZzGaR2ack5zJ1rl" alt=""><figcaption><p>Img 7 - Profile settings - road map, feature request and more</p></figcaption></figure>

## <mark style="color:purple;">3. Metrics Section:</mark>

* **First Row:** Displays aggregate metrics including the total number of URLs, total clicks, monthly URL additions, and monthly clicks.
* **Second Row:** Showcases a bar graph depicting daily clicks with adjustable time periods, plus an option to export the chart as a PNG file.

<figure><img src="/files/eBPrZKoC0UeMEWA79crL" alt=""><figcaption><p>Img 8 - Metrics Section</p></figcaption></figure>

## <mark style="color:purple;">4. URL Components:</mark>

* **Converted URL Display:** Below the input field, view your shortened URLs, each with a dedicated component for easy management. Pagination is available to navigate through your URLs, displaying up to 10 per page.

<figure><img src="/files/zQMYGoBdZ1qJQKnHQ8zM" alt=""><figcaption><p>Img 9 - Url shortening and Management</p></figcaption></figure>

{% hint style="info" %}
To know about aggregate analytics, click below&#x20;
{% endhint %}

{% content-ref url="/pages/Bd38HmlyPDW3NhgKIxFF" %}
[Aggregate Analytics](/help/click-analytics/aggregate-analytics.md)
{% endcontent-ref %}