HUTECH Product Portal User Manual
Complete guide to managing products and accessories in the HUTECH Product Portal.
1. Getting Started
Logging In
Navigate to the Product Portal in your browser.
- Open the Product Portal URL
- Enter your username
- Enter your password
- Click Sign In
Default credentials
The default admin account is admin with password hutech2026. Change this after first login by contacting your administrator.
Navigation
The header bar shows HUTECH Product Portal branding on the left, with navigation links:
| Link | Description |
|---|---|
| Products | View and manage all products (home page) |
| Accessories | View and manage accessories inventory |
| Sign Out | Log out of the portal (right side of header) |
Changing Password
There is no self-service password change in this portal. To change your password, contact your administrator.
2. Products
Product List
The home page displays all products as a grid of cards. Each card shows:
- Thumbnail image (main product photo)
- Product name
- Short description
- Status badge
Archived products are shown in a collapsed section at the bottom of the page. Click the section header to expand and view archived products.
Status Badges
| Status | Badge | Meaning |
|---|---|---|
| Active | Active | Product is live and visible |
| Draft | Draft | Product is being prepared, not yet published |
| Archived | Archived | Product has been retired, shown in collapsed section |
Product Card
Click any product card to open the product detail page. Cards display the main image thumbnail, product name, short description, and current status badge.
3. Creating a Product
- Click the + Add New Product button on the product list page
- Fill in the form fields (see table below)
- Upload a main image
- Add content to the POS and Product Spec tabs
- Click Save to create the product and go to the detail view
Form Fields
| Field | Required | Description |
|---|---|---|
| Name | * | Product name |
| Short Description | * | Brief product summary, max 120 characters (live character counter shown) |
| Approx. Retail Price | Freeform text, e.g. “£11,300” | |
| Status | Radio buttons: Draft or Active |
Main Image
Upload a product photo to use as the main image. Accepted formats: JPEG, PNG, GIF, WebP. Maximum file size: 10 MB. A preview of the uploaded image is shown after selection.
POS & Product Spec Tabs
The create form has two tabs, each with a text area and a file upload area:
| Tab | Purpose | Text Placeholder |
|---|---|---|
| POS (Sales) | Sales and marketing content | “Product description, key selling points, social media copy...” |
| Product Spec (Engineering) | Technical documentation | “Technical specs, troubleshooting notes, install guides...” |
File uploads: Drag-and-drop files onto the upload area, or click to browse. Accepted file types:
- Images (JPEG, PNG, GIF, WebP)
- Videos (MP4, MOV)
- PDFs
- Word documents (DOCX)
- Spreadsheets (XLSX, XLS, CSV)
Maximum file size: 50 MB per file.
4. Product Detail Page
View
The product detail page displays:
- Product name and status badge
- Short description
- Approximate retail price
- Main image
Below the product information, two tabs are shown: POS and Product Spec. Each tab displays the text content and any uploaded files.
Files are displayed as a list, with each file showing:
- File type icon
- Filename and file size
- Download link to save the file
- Preview link to view the file in the browser
Edit: Click the Edit button to modify the product.
Archive & Restore
Archive: Click the Archive button to move a product to the archived section. The product is not deleted and can be restored.
Restore: On an archived product, click Restore to move it back to Draft status.
Delete
Click Delete to permanently remove a product. A confirmation modal will appear:
Permanent deletion
“Permanently delete [product name]? This will delete all files and cannot be undone.”
5. Editing a Product
- From the product detail page, click Edit
- All fields become editable — modify what you need
- Click Save to apply changes
While editing, you can:
- Change the main image — Upload a new image or remove the existing one
- Edit tab content — Modify text in POS or Product Spec tabs, upload new files, or remove existing files (inline confirmation prompt before removal)
- Change status — Toggle between Draft and Active
6. CSV Import (Products)
- On the product list page, click Import CSV
- Download the CSV template to see the required format
- Fill in the template and select your CSV file for upload
- The system validates each row and shows results
Template columns:
| Column | Required | Notes |
|---|---|---|
| name | * | Product name |
| shortDescription | * | Max 120 characters |
| retailPrice | Freeform text, e.g. “£11,300” | |
| status | Must be active or draft |
Validation rules:
nameandshortDescriptionare requiredshortDescriptionmust be 120 characters or fewerstatusmust beactiveordraft(case-insensitive)
After import, a summary shows the success and error count, with links to view the imported products.
7. Accessories
Accessories List
The Accessories page shows a table view with the following columns:
| Column | Description |
|---|---|
| Name | Accessory name with thumbnail image |
| SKU | Stock keeping unit code |
| Category | Accessory category (Charging, Tray, Cover, etc.) |
| Compatible Robots | Which robots this accessory works with |
| Price | Unit price |
| Stock | Current stock quantity with colour indicator |
| Status | Active, Draft, or Discontinued |
Click any row to open the accessory for editing.
Filters
At the top of the accessories list you will find:
- Search — Filter by name or SKU
- Category — Filter by accessory category
- Status — All, Active, Draft, or Discontinued
- Compatible Robot — Filter by robot model
Stock Indicators
| Colour | Meaning |
|---|---|
| Green | Healthy stock level — above reorder point |
| Yellow | At or near reorder point — restock soon |
| Red | Out of stock — no units available |
A “Low Stock” badge at the top of the page shows the count of accessories at or below their reorder point.
8. Creating an Accessory
- Click the + Add Accessory button
- Fill in the left and right column fields (see tables below)
- Click Create Accessory to save
Left column fields:
| Field | Required | Description |
|---|---|---|
| Name | * | Accessory name |
| SKU | Stock keeping unit code | |
| Description | Free-text description (textarea) | |
| Category | Dropdown: Charging, Tray, Cover, Sensor, Battery, Mount, Cable, Other | |
| Status | Active, Draft, or Discontinued |
Right column fields:
| Field | Required | Description |
|---|---|---|
| Unit Price | Number field (step 0.01) | |
| Currency | GBP, USD, or EUR | |
| Stock Quantity | Current number of units in stock | |
| Reorder Point | Stock level at which to reorder | |
| Reorder Quantity | Number of units to order when restocking | |
| Compatible Robots | Chip selector — choose from BellaBot, KettyBot, HolaBot, PuduBot 2, FlashBot, CC1, or type a custom name | |
| Supplier | Dropdown populated from CRM contacts | |
| Image | Upload JPEG, PNG, or WebP (max 10 MB) |
9. Editing an Accessory
- From the accessories list, click the accessory row you want to edit
- The edit form loads with the current values
- Modify the fields you need to change
- Click Save Changes to apply
To change or remove the accessory image, use the Change and Remove buttons on the image preview.
10. Excel Import (Accessories)
The accessory import follows a 3-step process: Upload, Preview, Confirm.
- Upload — Download the
.xlsxtemplate. Fill it in and select the file for upload. - Preview — A preview table shows all rows. Rows highlighted in red have errors and will be skipped. Rows highlighted in yellow have warnings but can still be imported. A summary shows: total rows, valid, warnings, and errors.
- Confirm — Click Import X Accessories to complete the import. A results table is shown with “View” links for each imported accessory.
Template columns:
| Column | Required | Notes |
|---|---|---|
| Name | * | Accessory name |
| SKU | Stock keeping unit code | |
| Description | Free-text description | |
| Category | Must match a valid category | |
| Price | Numeric unit price | |
| Stock | Current stock quantity | |
| Reorder Point | Stock level at which to reorder | |
| Reorder Qty | Number of units to order | |
| Compatible Robots | Comma-separated list, e.g. “BellaBot, KettyBot” | |
| Supplier | Supplier company name | |
| Status | active, draft, or discontinued |
Matching tips
Supplier names are matched against contacts in the CRM. Robot names are matched against the known list (BellaBot, KettyBot, HolaBot, PuduBot 2, FlashBot, CC1). Unrecognised values will generate a warning but the row can still be imported.
11. File Types & Limits
Products:
| Upload Area | Accepted Formats | Max Size |
|---|---|---|
| Main Image | JPEG, PNG, GIF, WebP | 10 MB |
| Tab Files (POS / Product Spec) | Images (JPEG, PNG, GIF, WebP), Videos (MP4, MOV), PDFs, Word (DOCX), Excel (XLSX, XLS, CSV) | 50 MB per file |
Accessories:
| Upload Area | Accepted Formats | Max Size |
|---|---|---|
| Image | JPEG, PNG, WebP | 10 MB |
AI-ready files
PDFs, Word documents, and spreadsheets are automatically text-extracted for AI agent use. This allows the AI assistant to search and reference content from uploaded files.