Track by Loop (formerly Wonderment)
In this article
Shopify Native Tracking PageHosted Tracking PageHeadless/API Tracking PageAfter Setup
Home
Tracking Page

Intro to Tracking Pages

Edited

A tracking page gives customers a place to check the status of an order or shipment after purchase.

Loop supports three tracking page options. The right option depends on where you want the page to live, how much control your team needs, and whether you want to manage the page in a storefront theme, in Loop, or in your own codebase.

Use this guide to choose the setup path that fits your store.

Shopify Native Tracking Page

Use this option if your store runs on Shopify and you want the tracking page to live inside your Shopify theme.

The Shopify Native Tracking Page is created in Shopify and edited in the Shopify Theme Editor. It uses the Loop tracking app block to show shipment information on the page.

Start here:

Hosted Tracking Page

Use this option if you want Loop to host the tracking page for you.

Hosted Tracking Pages do not require a Shopify theme. They are the simplest path for non-Shopify stores, or for teams that want a hosted tracking page without building a custom frontend.

With a Hosted Tracking Page, you choose a hosted subdomain and configure the page in Loop. Customers can look up shipments by tracking number, or by order number and email address.

Start here:

Headless/API Tracking Page

Use this option if your team wants to build and host its own tracking page.

The API/headless path is developer-focused. It gives your team control over the frontend, URL structure, page design, and implementation details.

Start here:

  • Work with your Loop team on the API/headless implementation path.

After Setup

After choosing and setting up a tracking page, make sure customer notifications send shoppers to the right page.

The link format depends on the tracking page option you choose:

  • Shopify Native Tracking Pages can use generated integration URLs, tracking tokens, or the Shopify Email Links snippet.

  • Hosted Tracking Pages use hosted page links with tracking-number lookup or order-number plus email lookup.

  • API/headless pages depend on your custom implementation.

Review the authentication and notification link guides after choosing your tracking page path.

Recommended next steps: