# Dashboard Overview

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

<figure><img src="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2Fuj0PXHjkPJXHpgb4SdKN%2FDashboard%201.jpg?alt=media&#x26;token=401e67fa-ef1e-42e4-80d9-0328dc8dce39" alt=""><figcaption><p>Img 1 - Dashboard</p></figcaption></figure>

<figure><img src="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FSjHAqswAHQhSTxbN6Ona%2Fdashsections.jpg?alt=media&#x26;token=b875f2d0-9054-436b-b9b9-9aad1caea01d" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FJkleFCMg35nKmJNGaftn%2FSidebar.jpg?alt=media&#x26;token=87fce6ab-47b7-4cb9-8c2b-573bb6706ef7" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FHcHyxH7rsBygf93uWSii%2FTop%20Menu%20bar.jpg?alt=media&#x26;token=a9da4cff-7cdc-4718-942c-26fae2c23050" alt=""><figcaption><p>Img 4 - Top Menu Bar</p></figcaption></figure>

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

* **Quick Convert Widget:** [View here](https://quicly.gitbook.io/help/shortening-urls/quick-convert-widget)&#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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FdHtFQo2ciKyY5SWlcWFu%2Ftopmenubar%20-%20with%20annotations.jpg?alt=media&#x26;token=28e50e98-a83c-466d-ab9e-5ec99bdd01b9" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FYSKZFxme0mAQ3R7ZgkRJ%2FScreenshot%202023-11-02%20at%203.51.46%E2%80%AFPM.png?alt=media&#x26;token=744f4a77-30f2-4b8e-9bff-c3ebd2ce5822" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2F7juxBNvmgElMiEVBkE9Z%2FScreenshot%202023-11-02%20at%203.51.54%E2%80%AFPM.png?alt=media&#x26;token=01de19ce-afdd-4636-8f12-006dfadff3a9" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2F03ER8abWnV3nkGXH7Po4%2FScreenshot%202023-11-02%20at%203.54.48%E2%80%AFPM.png?alt=media&#x26;token=a1648b4e-9c4f-432f-8f62-2e2e1319050c" 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="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FvHumlAyix2yRbeXOJ3HN%2FList%20of%20urls.jpg?alt=media&#x26;token=0e89eb4a-2a1b-44bb-aa1a-306331fd0c47" 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="../click-analytics/aggregate-analytics" %}
[aggregate-analytics](https://quicly.gitbook.io/help/click-analytics/aggregate-analytics)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://quicly.gitbook.io/help/your-dashboard/dashboard-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.