Embed water quality data on your site
Add live water quality scores to your property listing, blog, or community website. Free, auto-updating, one line of code.
How to use
Copy and paste the snippet below into your HTML. Replace SW1A with any UK postcode district.
<div data-tapwater-postcode="SW1A"></div> <script src="https://www.tapwater.uk/widget.js" async></script>
The script finds every element with a data-tapwater-postcode attribute and injects a styled card showing the water quality score, grade, and number of contaminants tested. You can place multiple widgets on the same page with different postcodes.
Preview
Here is a live widget for the SW1A postcode district (Westminster):
Who uses this
Estate agents
Show water quality alongside property details to give buyers extra confidence in the area.
Landlords
Add transparency to rental listings by displaying local tap water safety scores.
Property portals
Enrich area guides with live water quality data that updates automatically.
Local council websites
Provide residents with at-a-glance water safety information for their area.
Community blogs
Give readers local water quality context in neighbourhood guides and area reviews.
Customisation
The widget auto-detects the postcode from the data-tapwater-postcode attribute and pulls live data from our API. Scores, grades, and contaminant counts update automatically as new data becomes available. No API key required.
Dark mode
The widget automatically adapts to your site's colour scheme. To force a specific theme, add data-tapwater-theme:
<!-- Force dark mode --> <div data-tapwater-postcode="SW1A" data-tapwater-theme="dark"></div> <!-- Force light mode --> <div data-tapwater-postcode="SW1A" data-tapwater-theme="light"></div>
Multiple widgets
You can place multiple widgets on the same page — each with a different postcode. Include the script tag only once; it will find and render all widgets automatically.