Central — Shorten URL

Overview

The Shorten URL page allows admin users to manage shortened URLs for white labels. It includes a white label filter, a list of existing shortened links, and a modal-based workflow to create new short URLs.

Access

• URL: /dashboard/shorten-url
• Role required: Admin
• Navigation path: Sidebar > Whitelabel Management > Shorten URL

Page Layout

Header

The header contains the page title and a primary action button.

Element	Type	Description
Shorten URL	heading	Page title
Create Shorten URL	button	Opens the create shorten URL modal

Filter section

A filter section lets the admin filter short URLs by white label.

Element	Type	Description
White Label	dropdown	Select white label filter, default All
Search	button	Apply the filter
Reset	button	Reset the filter selection

Short URL table

The main table lists shortened URL records.

Column	Description
No	Row index
White Label Name	White label associated with the short link
Short Link	Shortened URL
Long Link	Original destination URL
Action	Edit/Delete actions for each short URL

Sample table rows

• i88 | https://be-shorten.i88.dev/jambu | https://google.com
• i88 | https://be-shorten.i88.dev/i88apk | https://i88.dev/
• wso69 | https://be-shorten.i88.dev/wso69 | Https://wso69.org
• lol | https://be-shorten.i88.dev/61jKJS7172omKlSSS | https://be-central.i88.dev/b

Modal / Popup

The page uses a modal overlay for creating a new shortened URL.

Create Shorten URL modal

The modal is titled Create Shorten Link and includes the following fields:

Element	Type	Description
Close	button	Close the modal without saving
White Label	dropdown	Select white label for the new short URL
Long Link	input	Enter the destination URL
Short Link	input	Enter the short URL slug or link
Cancel	button	Cancel the creation workflow
Save	button	Save the new short URL

Features

Short URL management

Admins can view and manage short URL records by white label.

Create new short URL

The Create Shorten URL button opens a modal to create a new short URL record with a selected white label, long link, and short link.

Table actions

Each row includes Edit and Delete buttons for managing existing short URL entries.

UI Elements Reference

Label	Type	Location	Description
Shorten URL	heading	Page header	Main page title
Create Shorten URL	button	Page header	Opens create modal
White Label	dropdown	Filter section	Filter by white label
Search	button	Filter section	Apply filter
Reset	button	Filter section	Clear filter values
No	table header	Table	Row index column
White Label Name	table header	Table	White label column
Short Link	table header	Table	Shortened URL column
Long Link	table header	Table	Destination URL column
Action	table header	Table	Edit/Delete actions
Create Shorten Link	modal title	Modal	Create record overlay
Long Link	input	Modal	Destination URL entry field
Short Link	input	Modal	Short link entry field
Cancel	button	Modal	Cancel creation
Save	button	Modal	Confirm creation

Notes

• The modal dialog is triggered by the Create Shorten URL button.
• Existing row actions include Edit and Delete, but the current observed modal is the create dialog.
• A screenshot of the page and modal is available at docs/central/shorten-url.png.