UK Postcode Map

Color areas, add details and markers, then preview your interactive map. ▶ 2-min Guide

 
01

Color your map

Pick a color, then click areas to paint them.

Select colors, then click on areas to fill the map . Multiple colors allowed.

Region fill color
Hover color
Hover effect color

Tip: on phones, the map stays above these controls so you can see the result as you edit.

02

Links & tooltips

Add links and tooltip text to areas.

You can also click areas on the map to edit their links and tooltips.

03

Add markers

Mark places on your map and add details.

How to use markers

1Place a markerDouble-click the map where you want it.
2Move a markerClick and hold it, then drag it to a new place.
3Edit a markerDouble-click it to change its details.
04

Preview your map

Check how the map looks and behaves.

Content display mode

This is a preview of display modes. Set the final mode in your WordPress plugin or Embedded Maps dashboard.

Embed interactive maps on your website – choose your platform
Widget (Embed Code)
Copy and paste embed code - no file uploads required.
For site builders like Wix, Weebly, Godaddy, etc.
from $9 / month
WordPress Plugin
Easy-to-use plugin with a visual admin panel.
For WordPress websites only
Lifetime license
JavaScript/CSS
Self-hosted map scripts for advanced users.
For custom-coded websites and other platforms
Lifetime license

Embedded Maps (Widget / Embed Code)

All plans include access to the entire map collection and map sharing. Paid plans include permanent embedding and PNG export without branding.

FREE
$0 / month
  • Store up to 5 maps
  • Trial embedding available
CREATE FREE ACCOUNT
LITE
$9 / month
  • Store up to 10 maps
  • Embed 1 map
Choose Lite
PRO+
$99 / month
  • Store up to 100 maps
  • Embed 25 maps
Choose Pro+
Not ready to choose a paid plan yet? Create a free account - no credit card required.

Brief Installation Guide

  1. Log in to your account and create your first map, or continue editing a map you've already created.
  2. Customize your map. Personalize your map with colors, links, content, and markers.
  3. Publish to generate your embed code.
  4. Embed the code on your site to see your interactive map in action. The trial mode lasts for a limited time.

UK Postcode Map for WordPress

Get the UK Postcode WordPress plugin with a lifetime license.

Purchase the lifetime license for the UK Postcode WordPress plugin. Buy lifetime license

Want to test the plugin first? Download the demo plugin.

Brief Installation Guide

  1. Install the plugin in WordPress: go to Plugins → Add New → Upload Plugin and select the plugin ZIP file.
  2. Download the JSON file with your current map settings.
  3. In the plugin, open the Maps page, click Import, and select the downloaded JSON file.

More Information

UK Postcode Map (JavaScript/CSS)

Get the UK Postcode self-hosted map with a lifetime license.

Purchase the lifetime license for the UK Postcode self-hosted map. Buy lifetime license

Want to test the map first? Download the demo map.

Brief Installation Guide

  1. Download the ZIP file containing the JavaScript and CSS files required for the map.
  2. Upload the map files to your website and add them to the page where you want the map to appear.
  3. Installation instructions for different CMSs are available on the Support page.

Already installed the map?

  • Download the settings.js file with your current map settings and replace the existing settings file on your website.
  • Compatible with popular CMSs such as Squarespace, Shopify, Joomla!, and Drupal.
To edit another map, select from the list

Download PNG

Export the map as an image.

Create an account to download

Sign up for free to download your map as a PNG.

Create a free account

Already have an account? Sign in.

Share Map

Give others a link to your interactive map.

Create a free account to save and publish your map. Publishing activates its share link.

Create a free account

Already have an account? Sign in.

Embed Map

Add your interactive map to a website.

Embed codes are available to registered users. Create a free account to save and publish your map; the Free plan includes trial embedding.

Create a free account

Already have an account? Sign in.

Other ways to use this map

Get it as a WordPress plugin or a self-hosted HTML5/JS/CSS map.

View map options

Export/Import Map Settings

Download your current settings or import a saved file.

Export

Choose the file for your map platform.

Import

Load a WordPress JSON or HTML5/JS/CSS settings.js file.