Entering the Page
From the left main menu, select "Products", then choose "Products" (the top item). The page header reads: Products.
Top-bar Buttons
Location: top-right of the page; on mobile, collapsed above the table.
Add Product
Enter the new product page
Product Template
Dropdown menu listing existing product templates for quick application
Product Barcode
Enter the POS product barcode printing feature (POS must be enabled)
Product Sort
Enter sort mode; drag products to adjust their display order on the storefront homepage
Category Edit
Enter bulk edit mode to add or remove multiple products from a category at once
Filter Products
Click to open the "Filter Products" dialog; filter by category, stock, price, hidden listings, pre-order setup, expiry date, and more
Edit Language
Dropdown menu to switch the language version currently being edited
Product Table Columns
Image
Main product image; expired products show an "Expired" tag
Product Name
Below the name, a small text shows "Sold [quantity] units"; if the language version isn't set, it shows "([language] version not set)"
Price
Product selling price
Created
Product creation date
Actions
Edit, duplicate, delete, pin to top, send to bottom, upload to FB, copy product link, copy product title link, time-limited product link
Publish Product
Toggle switch; on means published, off means hidden
Adding a Product
Click "Add Product" at the top right of the product list. The page is divided into the following tabs: Basic Settings, Advanced Settings, Add-ons, Gifts, Facebook Catalog Settings, Search Engine Optimization (SEO) Settings, Service (beta).
- Enter the new product pageClick "Add Product" at the top right of the product list; the page header will read: Add Product.
- Fill in the required fields under "Basic Settings"Upload product images, enter the product name, choose a category, write a product description, and set up at least one product option with pricing.
- Configure other tabs as neededAdvanced Settings, Facebook Catalog Settings, and SEO Settings can be added later.
- Link add-ons / gifts (optional)Pick the items you want to link in the "Add-ons" and "Gifts" tabs.
- Save the productClick "Save" at the bottom right. On success, the page returns to the product list and shows "Product added".
Product Options and Pricing
Option structure: Main option × Sub-option 1 × Sub-option 2 (up to three levels). For example, the main option could be Style, with Color and Size as sub-options.
Main / Sub-option Name
E.g., Style, Color, Size; up to 100 values per level, main option allows 1 to 20 characters
Selling Price
The actual checkout amount per option; required, must be greater than 0
Original Price (optional)
Displayed with strikethrough next to the selling price; must be greater than or equal to the selling price
Cost
Used by the store owner for gross margin calculations; not shown to customers
Stock
Sellable quantity per option; required
Option Code
If left blank, generated automatically based on the product code
Option Combination LimitTotal option combinations (Main × Sub 1 × Sub 2) are capped at 100. For example, 3 colors × 4 sizes × 10 materials = 120 combinations exceeds the cap.
Differences Between Validity Period, Pre-order, and Auto-pre-order on Sold Out
All three relate to listing time and stock arrival, but their purposes differ:
| Setting | Purpose | Suitable Scenario |
|---|---|---|
| Validity Period | Controls listing/unlisting dates; auto-removes when expired | Time-limited sales, e.g., "Lunar New Year cookies" sold only Jan 15 – Feb 14 |
| Pre-order Product | Stock hasn't arrived yet; accepts customer orders from day one | Pre-sale items not yet in stock, e.g., new-season fashion, overseas-purchased items |
| Auto-pre-order on Sold Out | Sells stock first, then auto-switches to pre-order when sold out | Popular items with limited stock, to avoid showing "Sold Out" and losing customers |
Customer-side Display (Pre-order / Auto-pre-order on Sold Out / Validity Period)
- Pre-order Product：A "Pre-order" tag appears at the top of the product page. If a "Pre-order Note" is filled in (e.g., "Estimated to ship within 7–10 days"), it shows below the tag to inform customers of the shipping timeline.
- Auto-pre-order on Sold Out：Once enabled, when stock reaches zero, the system auto-converts the product to pre-order status: the "Add to Cart" button stays clickable, and the pre-order note shows automatically — preventing "Sold Out" wording that could lose customers.
- Validity Period Display：When customers browse the product list, products with "Validity Period" enabled show the corresponding tag on the product card — "Limited-time Sale" before the unlist date, and "Expired" after, with new orders blocked.
Product Option Price vs Custom Tier Price Display
Both involve pricing, but their actual effects differ greatly:
| Item | Function | Effect on Checkout |
|---|---|---|
| Selling price within product options | Actual checkout amount per option | Directly determines the customer's payment amount |
| Custom Tier Price Display | Overrides the price shown on the product card to create a discount/strikethrough effect | Display only; checkout still uses the actual option price |
For example, a product with three options priced at HK$88, HK$98, and HK$108: if you set the "Custom Tier Price Display" to selling price HK$88 and original price HK$128, the product card uniformly shows "HK$88 (was HK$128)", but at checkout customers still pay HK$88 / HK$98 / HK$108 based on the chosen option.
Customer-side Display (Member Pricing)
- Auto-applied for Members：If a separate price is set for a member tier under "Custom Tier Price Display", customers in that tier will see the corresponding member price on product cards and product pages once logged in.
- Non-member Display：Non-members or those who don't qualify for the tier continue to see the default price.
- Display Only：This price is for display only; the actual checkout amount is still based on the chosen option's selling price.
Product Link
The product link is the URL customers see when viewing a product. The system provides two basic link types; choose based on your scenario:
| Link Type | URL Example | Suitable Scenario |
|---|---|---|
| Default Link | https://your-domain/product/12345 | Auto-generated, permanent; not editable. Internal use, backend sharing, system integration |
| Custom Link (built from product code) | https://your-domain/c/SS24-LINEN-01 | Tracks the product code; shorter, easier to remember. Print materials (business cards, posters, DMs), WhatsApp short-link sharing |
Advanced: Custom URL using the Product Name (SEO-only)
In addition to the two link types above, the system also offers a more brand-friendly, SEO-friendly link — embedding the product name (or your custom text) directly into the URL, e.g., "https://your-domain/p/summer-linen-shirt".
- Enable the store-wide settingGo to "Settings → Product Settings" and turn on "Prefer custom product links (requires custom text on the product)".
- Set custom text per productOn the product edit page, set the custom text (i.e., the product name URL), e.g., summer-linen-shirt.
- Auto-applied store-wideOnce the toggle is on, all product lists, related-product links, share buttons, etc. across the store auto-switch to this link format.
Activation Conditions (both required)The store-wide toggle must be on; the product must have custom text set. If either is missing, the system auto-falls back to the default link (/product/{product ID}).
Customer-side Presentation
- Address bar updates instantly：When customers click any product card in the product list, the address bar instantly shows the URL in the format https://your-domain/p/summer-linen-shirt.
- Page content unchanged：The product page content, price, and option specs remain identical — the customer experience is exactly the same.
- Shareable, copyable, printable：This link can also be copied, shared, and printed.
Benefits of Enabling
| Aspect | Benefit |
|---|---|
| Search Engine Optimization (SEO) | Links contain product-name keywords, improving Google/Bing search rankings |
| Brand Impression | Clean readable URLs convey professionalism (vs system codes like /product/12345) |
| Social Sharing | When customers paste links to Facebook/WhatsApp/Instagram, the link preview includes product keywords and attracts more clicks |
| Print Promotions | Descriptive links are easier for customers to remember and type |
Operational SuggestionDecide on a URL format early in your store's life and enable this setting store-wide. If you've been operating for a while, note that old links (/product/{ID}) remain valid — they won't break when this new setting is enabled.
Facebook Catalog Settings Tab
Gender
Unisex / Female / Male
Age Group
All ages / Adult (18+) / Teen (13–18) / Kids (5–13) / Toddler (1–5) / Infant (3–12 months) / Newborn (0–3 months)
Condition
New / Refurbished / Used
Adult
Yes / No (note: "Product contains adult content")
Brand
Enter the product brand name (placeholder: "Please enter product brand")
FB/IG Shop Category / Google Product Category
Each has two-level dropdown selectors: main category → subcategory. Both must be selected, or the Facebook ad review will fail.
Notes When SavingOnce all required fields are filled, click "Save" at the bottom right. On failure, a red prompt appears at the top of the page, and the system auto-switches to the tab where the issue occurred so you can fix it as instructed.
Customer-side Display Highlights
After adding a product, here are the main customer-side interactions, for your reference:
- Option Images：When a customer selects an option (e.g., "Red"), the main image auto-switches to the option's matching image; if no image is set for that option, the main image stays the same. This auto-switch may not be supported on some legacy product page themes.
- Hidden Listing：Hidden products don't show on the storefront homepage, product list, or category pages; customers with the product link (e.g., shared via WhatsApp) can still browse the page and place orders normally — no extra password or member verification is required.
- Spec Image：When enabled, a "Specs" link appears near the option area on the product page; clicking it shows the spec image in a fullscreen overlay.
- Conditional Settings："Members only add-on" — non-members see a "Members only" notice and cannot add to cart; before reaching the "minimum item count / amount", add-on or gift sections appear grayed out; "limited-time" options are auto-hidden or grayed out before the start or after the end date; shipping fee and fixed-price settings only affect checkout calculations and don't show extra prompts on the product page.
- Text Options：Customers can use dropdowns, checkboxes, or date/time pickers to fill in info like engraving text, names, or pickup dates; the inputs are submitted with the order and store owners can view them on the order detail page.
- Search Engine Optimization (SEO)：The system writes the SEO title, keywords, and description into the page meta tags and Schema.org product structured data; this directly impacts Google/Bing search result titles and descriptions, as well as Facebook/WhatsApp share previews.
Still have questions? Contact us directly via WhatsApp 39745020If merchants have any questions while building their online store, feel free to contact SHOPAGE's professional website consultants anytime. We are happy to help. Thank you!