Track order status page for ecommerce sites
It is very easy nowadays to start selling your products online. The variety of ecommerce 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? It is clear that there are plugins or services that, for money, will help solve the issue of tracking international parcels. What should new sites do that are on a budget and can't afford to subscribe to a paid tracking package? 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 a 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 as below. This is the final result.
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="https://tracktrace.delivery/parcel-tracking?utm_source=shopify&utm_medium=track&utm_campaign=order_track" method="post"> <a href="https://tracktrace.delivery/" 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"> </form>
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
- Open the admin panel of your Shopify store;
- In the left menu bar, select your store;
- Select the "Pages" menu item;
- Add a new page and name it "Track order status";
- In the content area, click HTML Mode (you will need to insert a ready-made HTML template);
- Copy the HTML forms above and paste into the page content;
- Save the page;
The Second Way
- Install Shopify Track & Trace App;
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;
- Fast integration (8 steps and you will have a fully functional tracking system within 5 minutes);
- Absolutely free.