Uber Fare Calculator: Instant Price Estimates

When it comes to Uber fare estimator widgets, you’ve probably head about Uber’s in-app estimator, or If you’re looking for a cool and practical widget that you can get pricing from or embed in your own site, then you’ll love our very own widget below.

It’s a really easy and simple tool to use, and provides data directly from the Uber API, ensuring the data is constantly updated and arguably just as good as if it were their own.

Bonus: Check out the embed code below our Uber price calculator so that you can have a widget just like the one you see below on your own site!

Embed this widget on your own site:

If you like our widget and want to give your users free Uber fare estimates of your own, then embed our widget straight into your site! There are multiple rideshare blogs using this tool, including The Rideshare Guy, Ridester, Uber Fare Estimator, and many more.

The process is very simple. all you have to do is copy the code below into your site, then you will have a functioning fare calculator widget that shows up within your page.

What Is The Uber Fare Estimator Widget?

Our Uber Fare Estimator widget is simple and easy to use pricing and information tool that provides data on Uber rides. The tool works for all of the different Uber types, cities, and coverage areas.

Here are the features our tool provides users:

1. Uber Ride Fare Estimator

The first, and most obvious, section of our Uber price estimator widget is the “Estimator” section. This section allows users to get real-time Uber fare estimates directly from within any page that the widget is embedded in.

Say, for example, I am visiting Chicago and want to get an Uber fare estimate from the Willis Tower to the Navy Pier. I would simply set my destination as Willis Tower in the starting point, then set the Navy Pier in the destination point. From there, the widget generates a simple and easy to understand estimate packed with all the data you will need, including a ride fare estimate, car types available, pickup time, route time, and much more.

Uber fare estimate - Willis Tower to Navy Pier

2. City-based Prices for Uber

The next tab over within our widget is a feature we call “City-Based Pricing”, and is the newest addition to our fare calculator. Within this section you will find current Uber types and pricing available for any city you search. We’ve heard that users often use this to compare taxi vs Uber prices, which honestly I never thought of until somebody emailed me and told me thanks for the tool.

Simply enter the desired city and then view the results that pop up. If a city has multiple Uber car options, you can cycle through them by clicking the green arrow to the right of the car.

Chicago Uber Fare Estimator Quote

3. Popular Estimates

You can view the most popular and recent Uber fare estimates that other users are getting by clicking on the Popular tab in the very right-hand side of the widget. This really doesn’t help you calculate your own ride, but it is a fun way to see what people are searching for and where they might be going.

Popular estimates on Uber Fare Estimator tool

Here’s How to Use The Estimator For Your Site (Tutorial)

We made this fare estimator very simple to put on your own site, and designed it with both Uber users and bloggers in mind. If you run a blog, you’ve likely embedded things before, but we created a step-by-step guide for those who haven’t.

Here are the three easy steps it takes to embed our estimator widget into your blog:

Step 1 - Copy Embed CodeStep 2 - Paste Embed CodeStep 3 - Publish Page

Uber Fare Estimate Embed Tutorial

Copy the Uber Fare Estimator Widget embed code

The first thing you will need to do is copy the embed code for our Uber price estimate widget from above. It is directly below the tool embedded in this page. Copy everything from the embedded github gist box without changing anything.

Uber Fare Estimator Embed Code - Patse

Pasting the Embed Code

After you copy the code to your clipboard, navigate to the page you want to embed the widget in.

** Please note***

Paste the code into the Text editor tab rather than the Visual tab. If you don’t place it in the Text tab, it won’t show up properly.


Uber Fare Estimator Published

Embedded Widget

Once you publish the page, you should see an Uber ride fare calculator widget appear in the desired page. That’s all there is to it!

If you have any questions about embedding the widget into your page, feel free to reach out and contact us. We are more than happy to help get it up and running for you.

What does Uber cost in different cities?

We think it is pretty fun to use this tool to look around the world and see how Uber fare prices vary from city to city, depending where you live. There are a lot of different factors that go into the price structure, and they widely vary throughout the entire world.

We’ve used the widget for pricing research many times before, and it is hands down out favorite use for this. So, if you’re curious, here are cheapest and most expensive cities for Uber, according to

Cheapest Uber Cities

Here are the cities around the globe that have the cheapest Uber prices. Many of these cities fall into countries where economies are still developing and there’s a large need to move people to and from wherever they happen to be going. These cities likely have a lot of drivers available, bringing the prices down substantially from other cities where drivers are in high demand.

Most Expensive Uber Cities

On the contrary, while prices are very low in areas with heavy driver supply and lesser passenger demand, there are many cities that fall on the other side of the scale, where drivers are sparse and riders demand is high. This pushes the price sky high, and occurs in the following cities:


  1. The Hamptons
  2. Stockholm
  3. Gothenburg
  4. New Jersey (Shore)
  5. Florida Keys
  6. London
  7. Malmo
  8. New York City
  9. Amsterdam
  10. Marseille


  1. Hanoi
  2. Jakarta
  3. Ho Chi Minh City
  4. Kuala Lumpur
  5. Bangkok
  6. Medellin
  7. Brasilia
  8. Cartegena
  9. Barranquilla
  10. Bagota

Uber Estimate Tips & Tricks

Looking to make the most out of our Uber fare calculator? We built this tool with you in mind. Take a look at a few tips and tricks to make getting Uber estimates easier than ever.

1. Share your route

Did you know that our Uber Fare Estimator widget stores the route you generate so you can come back to it at a later time, or share it with your friends?

While the widget displays all the basic information, you can get a full breakdown of the ride, complete with map and in-depth details, by clicking on the URL the is generated within the details page of the widget. You can access this page any time, which is a fun way to share ride details with friends going to the same event or place as you.

We have found this to be an incredibly popular feature during concerts and music festivals, as well as corporate events such as sales meetings and conferences.

Uber fare estimate - Willis Tower to Navy Pier - Full Details

2. Auto-populating destinations

Our auto-populating feature of our estimator helps you out if you don’t know an address, or even exactly what you’re looking for when you search for an estimate. We tied our widget into Google Maps to make searches easier and more efficient. This gives you unprecedented access to Google’s immense database, making populating starting and ending points easy. Search for an exact address, or simply by name. Wherever you are trying to go, we’ve got you covered.

Ours vs Competitors

If you’ve ever tried looking up Uber fare pricing information, you’ve likely come across some of our competitors. I’m not going to name any names, but do a quick search and you will see a myriad of competitors with similar widgets and functions similar to ours. But don’t be fooled, there are quite a few differences that sets our estimator apart.

First, we tried to make out widget all inclusive. This makes getting estimates, city-specific Uber pricing, and viewing popular destinations and fare quotes very simple and intuitive. While you may have to spend a bit looking around their sites for all of these different links and resources, we incorporated them all into one single widget.

Second, we make it easy to embed our widget into any page. By providing simple and easy to use HTML code, the process of embedding our estimator widget into your site takes only minutes, and anybody can do it. In addition, we are here to help through the entire process, which is something that many of our competitors cannot claim.

Third, our data is as accurate as we can possible get. We’ve seen many other fare estimators pop up recently, but many are not simple or even accurate for that matter. Our widget ties directly into the Uber API, whereas many others just input their own data and just let the estimator sit idle. We update our widget and tools as much as possible, meaning you will have access to the latest and most current data, no matter what.



Now Its Your Turn

Now that you’ve learned all about our Uber Fare Estimator widget, get out there and use it! And as we said, if you need help embedding it or implementing it into your site, we’re here to help. Just shoot us an email and we will be more than happy to walk you through the process.

Subscribe for updates
100% Privacy. No spam.