How to set up the order tracking page
The order tracking page shows customers where their order is: its status, every parcel with the items inside, the carrier, the tracking number and the carrier's tracking history. On PRO and FREE you put it on your own store - a theme app block on Shopify, a block or a shortcode on WooCommerce, a module page on PrestaShop - with the same portal token as the returns portal. No code either way.
- 1
Before you start: the tracking page on your store comes with PRO and FREE. On LABELS, customers use the OrderKrab-hosted tracking page instead and there is nothing to install - see how to send customers to the tracking page. Your store has to be connected to OrderKrab. On Shopify your theme has to support app blocks (any Online Store 2.0 theme does), on WooCommerce you need the OrderKrab plugin 1.9.0 or newer, and on PrestaShop the OrderKrab module 1.0.9 or newer.
- 2
In the sidebar, click Order tracking. The Tracking page on your stores card lists your connected stores, each with a line saying where its shipping emails lead today.
- 3
On your store's row, click Add tracking block. In the window that opens, click Copy token: a token for that store is created and copied to your clipboard - the same kind of token as the returns portal uses - and it also shows below the button. The window then lists the steps for your platform, the same as below.
Select your store platform
- 4
Switch to your Shopify admin and go to Online Store → Pages → Add page. Name it something customers will recognise, like Track your order, and save it.
- 5
Go to Online Store → Themes → Customize, open the page you just created from the template dropdown at the top of the editor, then click Add section (or Add block inside a section) → Apps → Order tracking.
- 6
Under Connection, paste the token into Portal token and leave Portal URL as https://returns.orderkrab.com. Under Display, set the Max width, the Iframe height (tall enough for an order with several parcels) and the Default language; under Colors, match the page to your theme - leave a color empty to keep the default.
- 7
Click Save, then add the page to your storefront menu in Content → Menus.
- 8
Back in OrderKrab, paste the page's address into Tracking page URL on the store's row (or into the last step of the window) and click outside the field - Tracking page saved. OrderKrab then opens the page to check it, and Tracking block found means it is ready.
- 4
Switch to your WordPress admin and go to OrderKrab → Order tracking. Paste the token into Portal token and click Save changes. The tracking page's language, size and colors are set on the same tab, separately from the returns portal.
- 5
Create the page customers will use: Pages → Add New, name it something like Track your order, and add the OrderKrab Order Tracking block - or paste the shortcode [orderkrab_order_tracking] instead. Publish the page and link it from your menu or footer. The Order tracking tab now lists it under Pages that already show it, with its address.
- 6
Back in OrderKrab, paste the page's address into Tracking page URL on the store's row (or into the last step of the window) and click outside the field - Tracking page saved. OrderKrab then opens the page to check it, and Tracking block found means it is ready.
- 4
Switch to your PrestaShop admin, open Modules → OrderKrab → Configure, paste the token into the portal token field and save. The tracking page is live straight away: the module shows its address with an Open the page link. Link to it from your menu or footer.
- 5
Want it inside a page of your own instead? Write [orderkrab_tracking] in the content of a CMS page.
- 6
Back in OrderKrab, paste the page's address into Tracking page URL on the store's row (or into the last step of the window) and click outside the field - Tracking page saved. OrderKrab then opens the page to check it, and Tracking block found means it is ready.
Good to know
- The Order tracking block comes with the same OrderKrab theme app extension as the Return portal block, so there is nothing new to install in Shopify.
- Customers find their order on the page by its order number and the email they used at checkout. The link in your shipping emails can open the order directly instead, with nothing to type - see how to send customers to the tracking page.
- The page shows the order's status, then every parcel with its items, carrier, tracking number, a link to the carrier's own tracking page and the tracking history, in 12 languages. Tracking numbers appear once the order is fulfilled. It never shows the customer's name, address, phone number or prices.
- A store pick-up order shows the store's address instead of a tracking number.
- The check under the address says what OrderKrab found on the page: Tracking block found, Block has no token (paste the store's token into the block settings), Block not found, or Couldn't check the page - for example when the store is password-protected - in which case open the page yourself. Click Check again after a change.
- Preview on a store's row opens that store's latest fulfilled order the way the email link opens it.
- Each click on Copy token creates a new token, and the ones you pasted earlier keep working.
- Only owners and admins can change the tracking page address and its branding. To give the page your logo, name, color, support email and font, see how to brand the order tracking page.