Tracking page editor

Design a post-purchase experience that reflects your brand and keeps your customers informed. The Tracking Page Editor lets you fully customize how customers look up and track their orders.

Overview

To edit tracking page, go to Tracking Page > Tracking page editor > Customize

The editor is divided into three tabs:

  1. Order Lookup Page – Where customers enter tracking details.
  2. Order Status Page – Where customers view the status of their shipment.
  3. Appearance – Where you customize the design and layout.

1. Order lookup page

The Order Lookup tab is where you set up the search form your customers will use to check the status of their orders. This is the first step in your customer’s journey.

Lookup options

You can enable one or more input methods. All selected fields will appear on the form. Only check the boxes you want customers to use for order lookup. Unchecked fields will not be visible.

  • Tracking Number
  • Order ID
  • Email
  • Phone Number

Click edit icon (2) to customize information. Each option has its own customizable fields:

  • Label: Field title shown to the customer
  • Placeholder: Example text inside the input field
  • Error Message (Empty): Message when field is left blank
  • Error Message (Invalid): Message when input is incorrect (e.g. email format)

Appearance

You can customize:

  • Title, Description, and Button Text to fit your store’s tone
  • Message shown when no results are found.

You can upload up to 3 assets to display on the page. Each image can have:

  • Uploaded file (PNG, JPG, SVG, up to 1.5MB)
  • Optional destination URL (clickable image)

🧩 Pro Tips

  • Keep it simple: Avoid overwhelming customers with too many required fields.
  • Match your tone: Use language consistent with your storefront and brand voice.
  • Preview often: Use the “Preview” toggle to see how the lookup page looks to customers.

2. Order status page


The Order Status Page is what your customers see after they enter their order details. This page should offer a smooth, informative, and branded experience. You can customize everything from shipment progress to product recommendations.

Progress bar & Status labels

Customize your fulfillment journey with clear labels and optional icons.

Default Statuses

  • Ordered
  • Order ready
  • In transit
  • Out for delivery
  • Delivered

Custom Statuses (Optional)

  • Click Add custom status to insert steps like “In production” or “Packaging”.
  • Set:
    • Status name (e.g., In production)
    • Days after ordered to show this status
    • Custom icon (choose from a preset emoji set)

Other Statuses

Used for edge cases or failed shipments. Use short, friendly names for each status. Avoid jargon like “Exception” unless it’s necessary:

  • No Information – Buyer can check the courier page directly
  • Courier not supported
  • Expired
  • Failed attempt
  • Exception
  • Pending

Tracking history

Title: Change the title of the shipment log (default: “Shipment history”)

Order details

Let customers see what’s inside their shipment.

  • Title: Header above product info
  • Product: Edit the product section label
  • Total: Customize total price wording
  • Singular/Plural Labels: Personalize the wording for 1 item vs. multiple

Tracking information

Edit field labels for shipping and carrier details:

  • Shipment information
  • Shipping address
  • Tracking number
  • Carrier

Images

Upload up to 3 banner images:

  • Accepted: .svg, .gif, .jpg, .jpeg, .png (max 1.5MB)
  • Optional: Add destination URLs to link the image to a page (e.g., New Arrivals)

Product Recommendation (Optional)

Show related products to boost reorders.

  • Title: Headline (e.g., “You might also like”)
  • Type: Choose between:
    • All products
    • Product types
    • Product tags
  • Product filters: Select specific types or tags to display

Policy & Social Links

Help customers find support and key store policies.

Support & Policies

  • Support contact: Label and URL
  • Return policy
  • Terms & conditions
  • Privacy policy

Social Media (Optional)

Add links to:

  • Facebook
  • Twitter (X)
  • Instagram
  • TikTok
  • Pinterest

3. Appearance

The Appearance tab allows you to customize the look and feel of your tracking pages—both the Order Lookup Page and Order Status Page—so they match your brand and storefront design.

Theme layout

Choose how your page layout is structured:

  • Classic: Fixed-width layout with traditional alignment. Great for minimalist, clean interfaces.
  • Modern: Full-width layout with more visual emphasis. Great for immersive, image-heavy styling.

Style

Customize your color palette and text appearance

  • Main color: Primary accent
  • Text color: Main font color
  • Button color: Background color for CTA buttons
  • Button text color: Font color for button labels
  • Button radius: Adjusts how rounded your buttons appear (slider)

Date and time format

Choose how dates and times appear on tracking logs and shipment status. This is useful for aligning with your store’s regional format (e.g., US vs EU).

  • Date format: e.g., MM/DD/YYYY, DD/MM/YYYY, etc.
  • Time format: 12-hour or 24-hour display

Header & footer text

Use this section to add branded headings or notes at the top or bottom of your tracking page. Leave blank if you prefer a clean layout.

  • Header text: Optional tagline, greeting, or store name
  • Footer text: Copyright, links, or a note (e.g., “Powered by Synctrack”)

HTML & CSS (Advanced)

Customize your tracking page beyond presets. Only recommended if you’re comfortable with HTML/CSS or working with a developer.

  • HTML (top of page): Embed custom HTML elements before main content
  • HTML (bottom of page): Add scripts, custom footers, or notes
  • Custom CSS: Override styling (colors, fonts, layout tweaks)