# Collections Overview

## <mark style="color:purple;">**Navigating the Collections Page**</mark>

The Collections page serves as a centralized hub for all your marketing promotions where you can group links related to a promotion under a collection. Here, you’ll find a comprehensive list of all your collections, each displayed in a component layout for ease of navigation and consistency across the platform.

<figure><img src="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2F5cKGStidKWpVVf8W7uhZ%2FCollections%20overview.jpg?alt=media&#x26;token=202a5672-65f7-4506-80dc-d38c8647c480" alt=""><figcaption><p>Img 1 - Collections overview page</p></figcaption></figure>

## <mark style="color:purple;">**Collection Component Breakdown:**</mark>

<figure><img src="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FoVl42FpC9GZ2f4ZhNJGw%2FCollections%20Component.jpg?alt=media&#x26;token=3baad44c-5d2d-433f-bb78-3a719f224b19" alt=""><figcaption><p>Img 2 - Collection component</p></figcaption></figure>

### *<mark style="color:orange;">Top Section:</mark>*

* The collection's designated color is displayed prominently at the top of the component for quick visual identification.
* The collection title appears on the left, with the total number of clicks for the collection on the right. Clicking on the click count directs you to a detailed collection analytics page, where you can dive into aggregate statistics for that specific collection.

<figure><img src="https://2213782032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcuQD9bKpuaPH1WnZJ9Zl%2Fuploads%2FXuzq6Wg5rS2gk6wcuUzj%2FCollections%20Component%20-%20annotation.jpg?alt=media&#x26;token=6225ee26-48ae-471c-a1e1-3b85449ac656" alt=""><figcaption><p>Img 3 - Anatomy of a collection component</p></figcaption></figure>

### *<mark style="color:orange;">Bottom Section:</mark>*

* The creation date and the number of URLs associated with the collection are clearly stated.
* On the right, a tool panel presents several options:
  1. <mark style="color:blue;">**Edit**</mark> collection<mark style="color:blue;">:</mark> Redirects to the campaign editing page where you can modify the campaign name and select a new color.
  2. <mark style="color:blue;">**View URLs Icon**</mark><mark style="color:blue;">:</mark> Leads to the collection's detailed URL page, listing all URLs under the campaign as individual components. Here, you can remove URLs from the collection, or perform edits and deletions as necessary.
  3. <mark style="color:blue;">**View Analytics Icon**</mark><mark style="color:blue;">:</mark> Takes you to a detailed analytics page for in-depth insights into the campaign's performance.
  4. <mark style="color:blue;">**Delete Icon**</mark><mark style="color:blue;">:</mark> Allows you to remove the campaign after confirmation.

At the top of the Collections page, an “Add Collection” button is prominently displayed. Clicking on this will navigate you to a creation screen where you can define a new collection name and select a colour from the available choices, setting the stage for a new set of targeted URLs.

By offering a user-friendly interface and seamless navigation, the Collections page simplifies the process of monitoring and managing your marketing efforts, enabling you to focus on what matters most – your brand's success.
