Skip to content
AffordMap
Free for any website

Salary widget for your site

One line of code. Real BLS data. Auto-updates with each BLS release. Works on WordPress, Squarespace, Ghost, or any HTML page. No API key, no account, no cost.

Quick start

Copy this snippet into any HTML page:

<div id="affordmap-widget" data-occupation="registered-nurse" data-geography="national"></div>
<script src="https://affordmap.com/embed/widget.js"></script>

Replace registered-nurse with any occupation slug and national with any geography slug. Slugs match the URL on any AffordMap salary page.

Options

data-occupationOccupation slug. Example: software-developer, electrician, dental-hygienist
data-geographyGeography slug. Example: texas, dallas-tx, national
data-themelight (default) or dark

Dark theme example

<div id="affordmap-widget"
  data-occupation="software-developer"
  data-geography="san-francisco-ca"
  data-theme="dark"
></div>
<script src="https://affordmap.com/embed/widget.js"></script>

What you get

The widget displays median salary, percentile bars, and affordability metrics (purchasing power, rent burden) for the selected occupation and geography. Data comes from the BLS Occupational Employment and Wage Statistics.

It updates automatically when we load new BLS data each year. No maintenance on your end.

The widget is lightweight (~4KB), loads asynchronously, and doesn't slow down your page. No cookies, no tracking on your visitors.

Terms

The widget is free for any non-competing website. It includes a small "Source: BLS via AffordMap" footer with a link back to the full salary page, please don't remove this.

No API key or registration required. If you need higher usage (100+ widget loads per day), reach out and we'll set up a dedicated endpoint.

Need help installing?

We'll walk you through it or install it for you.

Email us