Customize Order Page

What the Order Page editor is for

Customize Order Page is the storefront editor for your customer-facing Order New Service page. It lets you edit the page subtitle, the row of Quick Stats cards, the Category Grid Layout, and the Why Choose Us? feature blocks — all in a live preview that mirrors exactly what your customers see when they go to order.

How to open it

1. Open the Products page from the sidebar.
2. In the page header (top-right, beside the title), click the Customize Order Page button (palette icon).
3. The editor opens as a centered overlay over the page. The button appears while you are on the Products, Categories, or Options tab; it is hidden on the allocation tab.

Nothing you change goes live until you click Save Changes. Closing the editor with Cancel or the X in the top corner discards every edit made since you opened it.

The four sections you can edit

The editor body is laid out top-to-bottom as a preview of the real order page. Each section is described below.

1. Page header

The large title Order New Service is fixed and cannot be changed here. Directly beneath it is an editable subtitle field (default text: “Choose from our range of hosting solutions”). Click into the dashed-underline field and type your own tagline — for example a delivery promise or a short value statement. Leaving it blank shows the placeholder “Page subtitle…”.

2. Quick Stats

A row of small stat cards shown near the top of the order page — ideal for headline figures like locations served, deployment speed, or storage type. You can have between 1 and 6 cards.

1. Edit a card — click the large value text (e.g. “13”) or the smaller label beneath it and type directly. Both are required before you can save.
2. Change the icon — click the coloured icon tile at the top of the card to open the icon picker, then pick from the grid of available icons.
3. Change the colour — click one of the coloured dots at the bottom of the card. Six colours are available: blue, green, purple, orange, red, and cyan.
4. Add a card — click Add at the top-right of the section. The button disappears once you reach 6 cards.
5. Remove a card — hover over a card and click the small red trash button that appears in its top corner. (You cannot remove the last remaining card.)

3. Category Grid Layout

This controls how your product category cards are arranged on the order page below the stats. Use the toggle in the top-right of the section to choose 1 Column, 2 Columns, or 3 Columns; the preview updates immediately. A note at the bottom reads “Categories are managed in the Products tab” — this editor only sets the layout, not the categories themselves.

To add, rename, recolour, or reorder the actual categories, use the Product Categories tools on the Products page. Each category also has its own Order Page Display settings (a Color Scheme and an Icon) in its category editor.

4. Why Choose Us?

A highlighted block of feature cards shown further down the order page. The block heading is itself editable (default: Why Choose Us?) — click it to rename it. Below the heading you can have between 1 and 6 feature items.

1. Edit an item — click the Title line and the Description line to type your text. Both are required.
2. Change the icon — click the coloured icon tile on the left of the item to open the icon picker.
3. Change the colour — click one of the coloured dots at the bottom of the item (same six colours as the stats).
4. Add an item — click Add Item at the top-right of the section (hidden once you reach 6 items).
5. Remove an item — hover and click the red trash button in the item’s corner. At least one item must remain.

Field reference

Every editable element in the order page editor.

Element	Where	What it does
Subtitle	Header	Tagline shown under the fixed “Order New Service” title.
Stat value	Quick Stats card	The large headline figure or word (e.g. “13”, “Instant”). Required.
Stat label	Quick Stats card	The smaller caption under the value (e.g. “Global Locations”). Required.
Stat icon	Quick Stats card	Visual icon, chosen from the icon picker.
Stat colour	Quick Stats card	Accent colour for the icon (blue, green, purple, orange, red, cyan).
Category columns	Category Grid Layout	Arranges category cards in 1, 2, or 3 columns.
Section title	Why Choose Us?	Editable heading for the feature block.
Item title	Why Choose Us? item	Short feature name (e.g. “High Performance”). Required.
Item description	Why Choose Us? item	One-line supporting text. Required.
Item icon & colour	Why Choose Us? item	Icon and accent colour for the feature card.

Saving your changes

1. When the preview looks right, click Save Changes at the bottom-right. The button reads Saving… while it publishes.
2. A confirmation appears (“Order page updated”) and the editor closes. Your changes are now live on the customer order page.
3. To discard everything instead, click Cancel.

Validation: Save is blocked if any Quick Stat is missing a value or label, if a Why Choose Us item is missing a title or description, or if there are no Why Choose Us items at all. A message tells you which to fix — fill in the empty fields and try again.

Tips and gotchas

• Match claims to reality. Defaults include phrases like “Instant” deployment and high-bandwidth performance — only keep these if your provisioning is genuinely automated and you can deliver them. Replace anything you can’t back up.
• Pick the right column count for your catalogue. Three columns suit a long list of categories; one or two columns read more cleanly with only a few categories and look better on narrow screens.
• Keep stats and features tight. Six is the maximum for each, but a focused set of three to four usually looks stronger than a crowded row.
• Colours are accents only. A stat or feature’s colour tints its icon, not the whole card — use it to group related items or match your brand palette.

Related

Products · Product Categories