• Skip to main content
  • Skip to primary sidebar

Technical Notes Of
Ehi Kioya

Technical Notes Of Ehi Kioya

  • About
  • Contact
MENUMENU
  • Blog Home
  • AWS, Azure, Cloud
  • Backend (Server-Side)
  • Frontend (Client-Side)
  • SharePoint
  • Tools & Resources
    • CM/IN Ruler
    • URL Decoder
    • Text Hasher
    • Word Count
    • IP Lookup
  • Linux & Servers
  • Zero Code Tech
  • WordPress
  • Musings
  • More
    Categories
    • Cloud
    • Server-Side
    • Front-End
    • SharePoint
    • Tools
    • Linux
    • Zero Code
    • WordPress
    • Musings
Home » Web Development » How To Add A FedEx Tracking Box To Your Website

How To Add A FedEx Tracking Box To Your Website

By Ehi Kioya 1 Comment

If your website or online store is built using WordPress or Shopify (or some other popular tool for eCommerce sites), then it should be relatively easy to add a FedEx tracking box to your site. And you should be able to do that without any need to write any code at all. WordPress and Shopify have a huge library of plugins that provide this functionality out of the box.

However, what if your website is fully custom and you just need some quick code to get you going on adding that FedEx tracking box? Or maybe you actually use WordPress but just can’t find any plugin that offers you this basic feature without unnecessary bloat (yeah, it may be hard to find a simple plugin that gives just this feature and nothing else).

This article addresses custom situations like those and guides you on how to write no nonsense HTML code to display your FedEx tracking box. I even have a working example on this page for you to play with. So let’s start…

Creating Your FedEx Tracking Box

When you visit the FedEx homepage, you will see a tracking box that looks like this:

FedEx Tracking Box

Your goal is to create a similar (but bare bones) form on your own custom site so that your customers don’t have to go to the FedEx website to track shipments from your business.

A textbox and button HTML form is pretty basic. There are just a couple of things you need to note in order to get this working:

  • You need to know where to point the form action. And for this purpose, the url for the form action is: https://www.fedex.com/apps/fedextrack/index.html
  • You must correctly set the name property of the textbox because this property needs to be passed as a parameter name to the FedEx server in the form of a GET request. The parameter that the FedEx server expects here is “tracknumbers” – if you use a different name, the tracking won’t work.

Here’s the HTML code you need:

<form method="get" target="_blank" action="https://www.fedex.com/apps/fedextrack/index.html">
	<input type="text" name="tracknumbers" placeholder="Enter your FedEx tracking ID(s)" /><br\>&nbsp;<br\>
	<input type="submit" value="Track" />
</form>

What the above form effectively does is that it submits a HTML GET request to the FedEx server. The full GET request url looks like this:
https://www.fedex.com/apps/fedextrack/index.html?tracknumbers=TheNumberYourUserEntered

A Live Example Of A FedEx Tracking Box

This live FedEx tracking box works with the exact same code above. No modifications.

Multiple tracking IDs are supported too. Just separate your tracking numbers with commas.

 

 
You can test it using these mock tracking codes provided by FedEx for test purposes: 111111111111 and 123456789012

If you don’t want the results opening in a new browser tab, just remove target=”_blank” from the form tag.

Want To Email Your Customers A FedEx Tracking Link? Easy!

To allow your customers track FedEx shipments via email, you just need to send them a link in the same format as was discussed above.

So if for example, your customer’s tracking ID is 123456789012, just send them this link via email: https://www.fedex.com/apps/fedextrack/index.html?tracknumbers=123456789012

And if your customer is tracking say 2 items with IDs 123456789012 and 111111111111, send them a link in this comma separated format: https://www.fedex.com/apps/fedextrack/index.html?tracknumbers=123456789012,111111111111

And so on for even more tracking numbers… Enjoy!

Found this article valuable? Want to show your appreciation? Here are some options:

  1. Spread the word! Use these buttons to share this link on your favorite social media sites.
  2. Help me share this on . . .

    • Facebook
    • Twitter
    • LinkedIn
    • Reddit
    • Tumblr
    • Pinterest
    • Pocket
    • Telegram
    • WhatsApp
    • Skype
  3. Sign up to join my audience and receive email notifications when I publish new content.
  4. Contribute by adding a comment using the comments section below.
  5. Follow me on Twitter, LinkedIn, and Facebook.

Related

Filed Under: Frontend (Client-Side), Programming, Web Development Tagged With: FedEx, HTML, Programming, Tracking, Web Development

About Ehi Kioya

I am a Toronto-based Software Engineer. I run this website as part hobby and part business.

To share your thoughts or get help with any of my posts, please drop a comment at the appropriate link.

You can contact me using the form on this page. I'm also on Twitter, LinkedIn, and Facebook.

Reader Interactions

Comments

  1. Jacob says

    May 30, 2019 at 8:59 am

    Hi , this code is helpful . But how can we get the result in our own page ? Do you have any code

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

23,570
Followers
Follow
30,000
Connections
Connect
14,568
Page Fans
Like
  • Recently   Popular   Posts   &   Pages
  • Actual Size Online Ruler Actual Size Online Ruler
    I created this page to measure your screen resolution and produce an online ruler of actual size. It's powered with JavaScript and HTML5.
  • Fix For “Function create_function() is deprecated” In PHP 7.2 Fix For "Function create_function() is deprecated" In PHP 7.2
    As of PHP 7.2 create_function() has been deprecated because it uses eval(). You should replace it with an anonymous function instead.
  • How To Install PHP Packages Without Composer How To Install PHP Packages Without Composer
    This article shows how to bypass the Composer barrier when installing Composer-dependent PHP packages. Great shortcut for PHP enthusiasts!
  • About
  • Contact

© 2022   ·   Ehi Kioya   ·   All Rights Reserved
Privacy Policy