XiriGo Vendor DocsNavigating the Panel
Learn all the buttons, menus, and features of the Vendor Panel. Left menu, top bar, notifications, search, and more.
Navigating the Panel
This page explains every button, menu, and feature in the Vendor Panel one by one. If you're using the panel for the first time, read this page to learn where everything is.
General Layout
The panel is made up of 3 main areas:
┌──────────────────────────────────────────────────────┐
│ TOP BAR (Header) │
├────────────┬─────────────────────────────────────────┤
│ │ │
│ LEFT MENU │ MAIN CONTENT AREA │
│ (Sidebar) │ (The content of the page │
│ │ you selected is shown here) │
│ │ │
│ │ │
│ │ │
│ │ │
└────────────┴─────────────────────────────────────────┘Left Menu (Sidebar)
The vertical menu that's always visible on the left gives you access to all pages in the panel. The menu is divided into 6 groups:
1. Home
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Dashboard | Home icon | Home page | Daily summary: sales figures, recent orders, notifications, stock alerts |
2. Sales
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Orders | Box icon | Order list | View incoming orders, accept them, ship them. If there's a red badge (round number) next to it, you have new orders awaiting action. |
| Offers | Tag icon | Offer list | Manage the offers you've placed on products: price, stock, shipping settings |
| Coupons | Percent icon | Coupon list | Create and manage discount coupons |
| Campaigns | Megaphone icon | Campaign list | Create campaigns like flash sales, buy 2 get 1 free |
What does the red badge (number bubble) mean? The number inside the red circle next to Orders and Messages indicates that there are new items waiting for your attention. For example, if it says "3", you have 3 new orders awaiting action.
3. Finance
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Overview | Wallet icon | Finance home page | Total balance, pending balance, commission rate, and next payment info |
| Transactions | List icon | Transaction history | All your sales, commission, refund, and payment transactions |
| Payments | Bank icon | Payment history | All payment transfers made to your bank account |
| XiriPoints | Star icon | Loyalty fund | Your contribution to the XiriPoints programme and customer points usage |
4. Communication
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Messages | Chat bubble | Message list | Direct messaging with customers. The red badge next to it shows the number of unread messages. |
| Questions | Question mark | Product questions | Questions customers have asked about products (visible to everyone) |
| Support | Lifebuoy icon | Support tickets | Open a ticket with the XiriGo support team (only you and support can see it) |
| Disputes | Shield icon | Dispute list | Customer complaints and formal dispute processes |
5. Analytics
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Performance | Speedometer | Performance panel | Your seller score, tier (Bronze/Silver/Gold/Platinum), and performance metrics |
| Reports | File icon | Report generator | Download sales, stock, payment, and return reports as CSV/PDF |
6. Store
| Menu Item | Icon | Where It Goes | What It Does |
|---|---|---|---|
| Reviews | Star icon | Store reviews | Customer product and store reviews. Reply to them or report them. |
| Profile | Store icon | Store profile | Edit your company, bank, address, logo, and banner details |
| Team | People icon | Team management | Invite your staff and assign roles |
| Settings | Gear icon | Panel settings | Notification, return policy, shipping, and subscription settings |
Buttons at the Bottom of the Menu
At the very bottom of the left menu, you'll find these buttons:
| Button | What It Does |
|---|---|
| Help | Takes you to the help centre. FAQs and guide articles are here. |
| Notifications | Opens the notification centre. The badge next to it shows the number of unread notifications. |
Top Bar (Header)
The bar at the very top of the screen contains the following elements (left to right):
Left Side
| Element | What It Does |
|---|---|
| Hamburger Menu (3 lines) | Opens and closes the left menu on mobile screens. Hidden on desktop. |
| Page Title | Shows which page you're on (e.g. "Orders", "Dashboard") |
| Breadcrumb | Shows your location hierarchically. For example: Dashboard > Orders > Order #XG-001. Each part is clickable — use it to go back to a higher level. |
Right Side
| Element | Icon | What It Does |
|---|---|---|
| Search | Magnifying glass | Clicking opens a search bar. Quickly search by order number, product name, or any keyword. |
| Notifications | Bell | Opens the notification panel. New order, message, stock alert, and other notifications are listed here. The red badge on top shows the number of unread notifications. |
| Dark Mode | Moon/Sun | Switches between light and dark themes. Reduces eye strain when working at night. |
| Profile Menu | Your profile picture or initials | Clicking opens a menu with: your store name, language selection, profile page link, and "Log Out" button. |
Tip
Quick search tip: If you know the order number (e.g. "XG-0042"), just type it in the search bar. The result appears instantly.
How Does Breadcrumb Work?
The breadcrumb is a path indicator that shows where you are in the panel. Example:
Home > Orders > Order #XG-20260319-0042In this example:
- Click "Home" → you go back to the Dashboard
- Click "Orders" → you go back to the order list
- "Order #XG-..." is the page you're currently on
This feature lets you navigate back and forth between pages without losing your place.
How Do Notifications Work?
When you click the bell icon in the top right of the panel, the notification panel opens. Notifications are divided into these categories:
| Notification Type | When It Arrives | Example |
|---|---|---|
| New Order | When a customer places an order | "New order: #XG-0042 - 2 items, €89.90" |
| Order Cancellation | When a customer requests a cancellation | "Cancellation request for order #XG-0042" |
| Low Stock | When your stock drops below the threshold | "iPhone 15 Case - Black: 3 units left (threshold: 5)" |
| Payment Ready | When a bank transfer is scheduled | "€468.50 payment scheduled for 25 March" |
| Payment Complete | When money is transferred to your bank account | "€468.50 transferred to your bank account" |
| New Review | When a customer leaves a review | "4-star review for Samsung Galaxy S24" |
| New Message | When a customer sends you a message | "John: When will the product be shipped?" |
| Dispute Opened | When a customer starts a formal complaint | "Dispute opened for order #XG-0042" |
| Support Reply | When XiriGo support team responds | "Support ticket #TK-005 has been answered" |
Notification Actions
- Mark as Read: Click the circle next to each notification
- Mark All as Read: Click the "Mark all as read" button at the top of the notification panel
- Filtering: Filter using the "All", "Unread", "Orders", "Finance" tabs
Using Tables (Common Across All Pages)
You'll see tables on many pages such as the order list, offer list, and transaction history. All tables work the same way:
Sorting
Click any column header → the data is sorted by that column. Click again → the order reverses. For example:
- Click the "Date" header → the newest order comes to the top
- Click again → the oldest order comes to the top
Filtering
Click the filter buttons above the table. Only rows matching your selected criteria are shown; the rest are hidden. You can use multiple filters at the same time. Click "Clear Filters" to reset all filters.
Search
Start typing in the search bar above the table. Results are filtered in real time.
Pagination
If there are many records, the table is split into pages. At the bottom of the table:
- "Previous" and "Next" buttons
- Page numbers (1, 2, 3...)
- "Show X per page" option (10, 25, 50, 100)
Column Visibility
Click the column icon in the top right of the table to choose which columns are visible. Hide unnecessary columns to simplify your table.
Export
Some tables have an "Export" button. You can download data in CSV (can be opened in Excel) or PDF format. The export respects your current filters — it only downloads the filtered data.
Changing Language
To change the panel language:
- Click the profile icon in the top right corner
- Find the "Language" option in the dropdown menu
- Select your desired language:
- English
- Türkçe
- Malti (Maltese)
- Italiano (Italian)
- The page automatically reloads and displays in your selected language
Your language preference is saved. The next time you log in, it will continue in the same language.
Dark Mode
You can use dark mode to reduce eye strain, especially at night or in low-light environments:
- Click the moon/sun icon in the top bar
- The theme changes instantly
- Click again to switch back to the light theme
- Your preference is saved
Mobile Usage
The Vendor Panel works fully on phones and tablets:
- Left menu: Open it by swiping from the left edge of the screen or by tapping the hamburger menu button (3 lines)
- Tables: You can scroll horizontally
- Buttons and forms: Optimised for touchscreens
Tip
For urgent tasks like accepting orders or replying to messages, simply log into the panel from your phone. For full store management, we recommend using a computer.
Keyboard Shortcuts
Quick access keys for experienced users:
| Shortcut | Action |
|---|---|
/ or Ctrl+K | Open the search bar |
Esc | Close the open window/dialog |
Frequently Asked Questions
Next Step
Now that you know the panel, start by exploring your home page (Dashboard):
Dashboard (Home Page)
Daily sales figures, recent orders, notifications, announcements, and stock alerts — everything on one page.
Onboarding Wizard
A 4-step guide to setting up your store after your account is approved. Company details, bank account, tax information, and store branding.
Dashboard (Home Page)
The first page you see when you log into the panel. Daily sales summary, recent orders, announcements, stock alerts, and notifications — all on one screen.