The Order Guide is the central fulfillment tool for managing merchandise orders across all productions. It lives in Backstage under the Fulfillment tab and is accessible to all authenticated team members — but most of its management features are intended for Fulfillment Managers and Admins.
The guide is organized into seven tabs, each covering a distinct part of the order lifecycle:
| Tab | Purpose |
|---|---|
| 📋 Products | Master product catalog with order quantities per variant, collection grouping, and Shopify sync |
| 💲 Pricing | Retail price, unit cost, shipping estimate, margin, and weight per SKU |
| 📦 Inventory | Stock counts per location, weeks of stock remaining, and reorder alerts |
| 🔧 Tech Pack | Bill of materials — components, packaging, colorways, and production specs per product |
| 🏭 Vendors | Vendor directory with associated products, contact info, and MOQs |
| 🚢 Shipping | Deadline calculator, cost estimator, and China–USA transit reference table |
| ⬆ Data Upload | Collection mapping and CSV imports for pricing and inventory data |
Log into Backstage with your work email and password.
Click the Fulfillment tab in the top navigation bar.
Under Team Tools, click the Order Guide card. It opens in the same tab.
The guide authenticates against your existing Backstage session — you won't be prompted to log in again. If you're not logged in, you'll be redirected to the Backstage login page automatically.
The seven tabs appear in the sticky nav bar at the top. Click any tab to switch views. Your current tab stays highlighted in gold.
The top-right nav area contains:
The Products tab is the heart of the guide. Every product in the order lives here, organized by collection. At the top, summary stats give you a real-time snapshot of total units, estimated COGS, estimated revenue, average margin, and product count.
Click + Add Product in the toolbar.
Fill in the product name, collection, SKU, retail price, unit cost, and shipping estimate. Upload a thumbnail image if desired.
Under Sizes / Variants, toggle the sizes that apply and enter order quantities for each.
Assign a vendor from the dropdown (vendors must be added on the Vendors tab first).
Click Save Product. The card appears in the product list immediately.
| Button | Action |
|---|---|
| + Add Product | Open the product creation modal |
| ⟳ Sync Shopify | Pull product titles, SKUs, prices, variants, images, and inventory quantities from Shopify (see Section 4) |
| ↺ Reset All Qty | Set all order quantities back to zero across all products |
| ✕ Clear Products | Remove all products from the guide — use this to wipe a previous season's data before starting fresh |
| ⬇ Export XLS / PDF | Export the order sheet filtered by collection |
Below the toolbar, filter chips let you view one collection at a time or all products together. Collections are defined on the Data Upload tab via the SKU Identifier → Collection Mapping table.
Each product appears as a collapsible card. Click the card header to expand and see the variant quantity table. Key fields visible on the collapsed card:
Inside the expanded card, you can adjust order quantities per variant, edit pricing, add notes, and manage the tech pack.
The Shopify sync pulls your active product catalog directly from your Shopify Admin and merges it into the guide. It uses a Cloudflare Worker as a secure proxy — your Shopify token never touches the browser.
Sync matches incoming Shopify variants to existing guide products by SKU. If a SKU already exists in the guide, the title, price, image, and vendor are updated but your order quantities and cost data are preserved. If a SKU is new, a new product card is created with quantity set to zero.
Click ⟳ Shopify in the top-right nav bar, or click ⟳ Sync Shopify in the Products toolbar.
A status toast appears while the sync runs. For stores with many products, it may take 10–20 seconds as it paginates through all results.
When complete, new or updated products appear in the list. Check the toast for a count of added vs. updated items.
| Error | Cause & Fix |
|---|---|
| Sync failed — 401 | The Shopify access token has expired or wasn't saved correctly. Re-run the /auth flow on the Cloudflare Worker and update the SHOPIFY_TOKEN secret. |
| Failed to fetch | The Cloudflare Worker URL is not set or is incorrect in the guide's SHOPIFY_API variable. Contact your admin. |
| POST only | You navigated to the Worker URL directly in a browser. This is normal — append /auth to the URL if you need to re-authenticate. |
The Pricing tab presents every product's financial data in a single editable table. All fields update live and feed back into the Products tab summary stats.
| Column | Description |
|---|---|
| Product / SKU | Product name and variant SKU — read-only, set from the product card |
| Collection | Auto-assigned from SKU identifier mapping |
| HS Code | Harmonized tariff code for customs — optional |
| Retail ($) | Selling price — editable, synced from Shopify |
| Unit Cost ($) | Your landed cost per unit — enter manually or upload via Products CSV |
| Ship Est. ($) | Estimated per-unit shipping cost |
| Total Cost | Calculated: Unit Cost + Ship Est. |
| Margin | Calculated: (Retail − Total Cost) ÷ Retail. Color-coded: Good ≥50% Mid 30–50% Low <30% |
| Weight (oz) | Unit weight — populated from Shopify Products CSV export |
| Vendor | Assigned vendor name |
The Inventory tab shows stock counts per location for each product variant. Location columns are created automatically when you upload inventory CSVs on the Data Upload tab, or populated by the Shopify sync.
Use the Location pill tabs to switch between venues. Each location shows a table of all products with their stock counts. If a product is not stocked at a location, it is hidden from that view.
The Inventory tab includes a Weeks of Stock panel — the key reorder planning tool. It tells you how many weeks of sell-through you have left for each product at current sales velocity, and flags items that will run out before new stock can arrive.
See Section 12 for the full setup and usage guide for this feature.
Use the ⬇ Export XLS or ⬇ Export PDF buttons to export inventory counts for the selected collection. The collection filter and location tab selection both affect the export output.
inventoryQuantity directly from Shopify, so you don't need to manually re-enter counts.
The Tech Pack tab is the bill of materials (BOM) layer of the guide. It lets you define global production options and then assign them to individual products.
Before assigning anything to products, build out the Global Library:
Scroll down past the Global Library to see a product-by-product tech pack view. Each product card shows:
Click ⬇ Export Tech Pack PDF to generate a print-ready spec sheet for each product in the selected collection. Each product gets its own page with image, all assigned options, BOM, and packaging.
The Vendors tab is your supplier directory. Vendors must be added here before they can be assigned to products — the product modal's vendor dropdown is populated from this list.
Click + Add Vendor.
Fill in the vendor name, contact name, email, phone, country, and minimum order quantity (MOQ).
Optionally add notes (lead time, payment terms, etc.).
Click Save Vendor.
Each vendor card shows their contact info, a count of products assigned to them, and quick action buttons to edit or export their product list. Products are automatically listed under their vendor when the vendor is assigned on the product card.
The Shipping tab has three components: an Order Deadline Calculator, a Shipping Cost Estimator, and a China → USA Transit Reference table with a 2026–2027 public holiday calendar for both countries.
Enter your need-by date, shipping method, production lead time, and buffer days. The calculator works backwards to tell you the latest date you can place a purchase order and still receive goods on time.
| Field | Notes |
|---|---|
| Need-By Date | The date goods must arrive at your warehouse or venue |
| Shipping Method | Selects the transit time range — see reference table below |
| Production Lead (days) | Your vendor's manufacturing time — typically 21–45 days for merch |
| Buffer Days | Safety margin for customs delays, inspections, etc. |
Enter total shipment weight (lbs), volume (CBM), shipping method, and unit count. The estimator returns a low/high cost range and a per-unit cost breakdown based on industry rate benchmarks.
The reference table lists common China → USA shipping methods with estimated transit times and general cost ranges. The holiday calendar flags factory closure periods in China and US federal holidays — both affect lead times and should be factored into your order deadlines.
The Data Upload tab is where you configure collections and bulk-import data from Shopify CSV exports. It's typically used during initial setup or when refreshing the guide for a new season.
Collections in the guide are determined by matching a portion of each SKU against your mapping table. For example, mapping MHE will group all SKUs containing that string into the "Maybe Happy Ending" collection.
After adding or editing mappings, click ↺ Refresh Guide to re-assign all existing products to their new collections.
Export from Shopify Admin → Products → Export → All Products → CSV for Excel. Upload here to bulk-populate:
Add one slot per collection. Drop in the Shopify inventory export for that collection. The guide automatically detects location columns — everything after the COO column is treated as a venue/location. Items marked "not stocked" are excluded.
Upload a CSV with columns: Title, Option1 Value, SKU, then one column per location containing par (minimum) quantities. Par data is matched by SKU. When stock falls below par at a location, a deficit badge appears in red on the Inventory tab.
To power the Weeks of Stock feature on the Inventory tab, upload a Shopify Sales by Product report CSV. Export it from Shopify Admin → Analytics → Reports → Sales by product. Set the date range to the period you want to base velocity on (e.g. last 12 weeks), then upload it here and enter the number of weeks the report covers. See Section 12 for full details.
The Order Guide uses Firebase Firestore as its data store. All changes are shared in real time with any other team member who has the guide open.
The guide autosaves every 60 seconds and after any significant action (adding a product, syncing Shopify, etc.). The autosave indicator in the top-right nav shows the last save time. Product images are stored as compressed thumbnails — if an image is very large, the autosave strips it from the cloud document and keeps it locally only, to stay within Firestore's document size limit.
Click ☁ Save at any time to force an immediate save. Do this before closing the tab or handing off to another team member.
Click ⬇ Backup to download a self-contained HTML snapshot of the guide with all current data embedded. Store this in your shared drive as a point-in-time record. The backup file can be opened offline — it is a complete, working copy of the guide at that moment.
The Weeks of Stock feature on the Inventory tab is your primary reorder planning tool. It answers the question: "Do we have enough inventory on hand to last until the next production run arrives?"
For each product variant, the guide calculates:
At the top of the Inventory tab, find the Supply Settings card. Enter your production and logistics timeline. These settings are saved to the cloud and apply to all products.
| Field | What to enter |
|---|---|
| Production Lead Time (wks) | Weeks from PO placement to goods leaving the factory. Typically 6–10 weeks for apparel, 4–8 for accessories. |
| Transit Time (wks) | Weeks from factory to your warehouse. Air: 1–2 wks. Sea: 5–8 wks. |
| Safety Buffer (wks) | Weeks of cushion for customs delays, inspections, or demand spikes. Recommended minimum: 2 weeks. |
The Reorder Window (total weeks you need before stock runs out) is shown automatically as the sum of the three fields.
Go to the Data Upload tab and find the Sales Velocity CSV section.
In Shopify Admin, go to Analytics → Reports → Sales by product.
Set the date range to the period you want to use as your velocity baseline (e.g. the last 12 weeks of active touring).
Click Export → CSV.
Back in the Order Guide → Data Upload tab, drop the file into the Sales Velocity CSV upload zone.
Enter the number of weeks covered by the report (e.g. 12). This is used to compute the average weekly rate.
Click ↺ Refresh Guide. Weekly velocity figures are now attached to each matching SKU.
Once supply settings and velocity data are loaded, the Inventory tab shows a Weeks of Stock column next to each product's current quantity. Variants are color-coded:
For products with no Shopify sales history (new items, samples, pre-production), you can enter an estimated Avg Weekly Sales directly on the product card in the Products tab. This overrides the CSV-derived value for that SKU only.
| Question | Answer |
|---|---|
| Does the reorder window apply globally or per-vendor? | Globally — it reflects your standard supply chain. If you have vendors with very different lead times, adjust the settings before reviewing each vendor's products separately. |
| What if a product has no SKU match in the velocity CSV? | It will show — in the Weeks of Stock column. Enter a manual velocity estimate on the product card. |
| Should I upload velocity data from every Shopify store if we have multiple? | Yes — export and upload one CSV per store if you track multiple markets, then combine units. Alternatively, use the "All channels" view in Shopify Analytics if available. |
| How often should I refresh velocity data? | At least once per tour leg, or whenever demand patterns shift significantly (e.g. a viral moment, a new tour territory). |