Track order status page for ecommerce sites

It is very easy nowadays to start selling your products online. The variety of e-commerce platforms allows you to set up your online store in minutes. Now you do not need to contact the developers and pay big money for the development of the site and its design. All attention can now be turned to your online store, without being distracted by the problems: how to set up, what design, what hosting to choose? When you buy a turnkey solution, you buy everything in one box. But the question may arise, how can I change something in my store, how can I add a way to track parcels for my customers? There are plugins or services that, for money, will help solve the issue of tracking international parcels. What should new sites that are on a budget and can't afford to subscribe to a paid tracking package be? We have prepared a quick and free solution for you, which will allow you to integrate a parcel tracking system for your online store in several minutes.

TrackTrace.Delivery offers several ways to integrate parcel tracking without any programming skills or knowledge of HTML. You need to do a sequence of simple actions that a beginner can handle and in 5 minutes you will have a fully functional order tracking page. Let's start!

Parcel tracking form

After you insert the HTML code into the page, you will see the parcel tracking form below. This is the final result.

Track & Trace Shipment 

HTML code of the package tracking form

<form target="_blank" style="padding: 2rem; background-color: #000; box-sizing: border-box; display: inline-block; width: 100%; mix-width: 300px; max-width: 600px;" action="" method="post">
    <a href="" title="Track & Trace Shipment" style="text-decoration:none; font-family: Futura,sans-serif; color: #FFF; display: block; margin-bottom: 1rem; border:none; border-left: 3px #FF9900 solid; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;">Track & Trace Shipment</a>
    <input style="margin-bottom: 1rem; width: 100%; display:block; box-sizing:border-box; color: #000; border: none; padding: 10px; font-size: 20px" name="tracking_number" type="input" placeholder="Enter Tracking Number">
    <input style="cursor:pointer; width: 100%; display:block; box-sizing:border-box; color: #FFF; border: none; padding: 10px; font-size: 20px; background-color: #FF9900" type="submit" value="TRACK & TRACE">

We describe, using the example of the popular e-commerce platform Shopify, the sequence of steps to insert a tracking form into your site:

The First Way

  1. Open the admin panel of your Shopify store;
  2. In the left menu bar, select your store;
  3. Select the "Pages" menu item;
  4. Add a new page and name it "Track order status";
  5. In the content area, click HTML Mode (you will need to insert a ready-made HTML template);
  6. Copy the HTML forms above and paste them into the page content;
  7. Save the page;
  8. Done!

The Second Way

  1. Install Shopify Track & Trace App;
  2. Done!

Video instruction on how to add a parcel tracking page to your website

Advantages of the tracking form

What are the advantages of the tracking form:

  • You can change the colors of the form at your discretion or site design;
  • You can easily localize the form to any language;
  • Safe for customers (does not contain JavaScript);
  • Fast integration (8 steps a have a fully functional tracking system within 5 minutes);
  • Absolutely free.

Just a few steps, and now your users can track packages on the TrackTrace.Delivery website. The form is completely safe for your customers as it does not contain JavaScript. If you need help integrating the form or want to change the style of the form and color, then you can contact us and we will help you for free.