Primo Postcodes - Simple APIs for UK Addresses

Set the form ID:

<form id="primo_postcodes_form">

Place inside <form>:

<label>Search:</label>
<input id="postcode" name="postcode" type="text">

<button id="btn-postcode-search" type="button">Find Address</button>

<div id="primo_postcodes_results"></div>

<label>Address Line 1:</label>
<input id="line_1" type="text">

<label>Address Line 2:</label>
<input id="line_2" type="text">

<label>Town/City:</label>
<input id="town_or_city" type="text">

<label>County:</label>
<input id="county" type="text">

Note: Form ID, input field attributes are all customisable, using primoPostcodesSettings variables.

Place inside <head>:

<script type="text/javascript" src="https://primopostcodes.com/cdn/primo-postcodes-class-1.1.min.js"></script>
<script>
    var primoPostcodesSettings = primoPostcodesCreate();
    primoPostcodesSettings.set("api_key","[ YOUR API KEY ]");
</script>

Place after </form>:

<script>
    document.getElementById('btn-postcode-search').onclick = function(){
        primoPostcodesSettings.doLookup();
    }
</script>

Choose a plan to receive your API Key.

Postcode Lookup Demo

Company

Resources