HTML & CSS HELP - Shipping Rate Calculator

[techrookie]

I am trying to add a shipping rate calculator to my website - like the attached images and below site.

https://www.betweenbox.com/shipping-cost/

I would like to show a range of different carriers like... Royal Mail, FedEx, UPS, DHL

I have been searching the internet for hours and have not got very far

If anyone has any tips, it would be much appreciated.

Thank you in advance!

 

[Mutiny]

If you want to calculate actual shipping prices, you'll need to use an API provided by the shipping carrier. I know UPS has an API and I suspect that USPS and FedEx also have APIs you can use as well.

Typically the process would go something like this:

1) User fills out a form on your website with their address information
2) Your website takes in the user's input
3) Your website makes a request to the shipper's API with the user's info, as well as some info you provide, such as starting address, package weight, etc
4) The API responds back with some data, such as shipping prices
5) You output this data to the user

Maybe something like ShipEngine (https://www.shipengine.com/) will be a better way to go. It looks like it's an API that combines the data from multiple shipping companies into a single API, so that would save you from having to query UPS, FedEx, etc all individually.

What languages are you coding your site in? If this were me I would do this in PHP, but you can likely also do this in Javascript, Python, or other languages as well.