✕

Interactive World Map - Clickable Countries

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

 
01

Color your map

Pick a color, then click countries to paint them.

Select colors, then click on countries 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 countries.

You can also click countries 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
from $49 / year
JavaScript/CSS
Self-hosted map scripts for advanced users.
For custom-coded websites and other platforms
from $49 / year

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
Most Popular
PRO
$29 / month
  • Store up to 30 maps
  • Embed 5 maps
Choose Pro
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.

World Map for WordPress

Choose a Yearly or Lifetime license for the World WordPress plugin.

YEARLY
$49/ year
  • 1 website + dev/staging websites
  • 1 year of updates & support
Choose Yearly
LIFETIME
$99one-time
  • 1 website + dev/staging websites
  • Lifetime updates & priority support
Choose Lifetime
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

World Map (JavaScript/CSS)

Choose a Yearly or Lifetime license for the World self-hosted map.

YEARLY
$49/ year
  • 1 website + dev/staging websites
  • 1 year of updates & support
Choose Yearly
LIFETIME
$99one-time
  • 1 website + dev/staging websites
  • Lifetime updates & priority support
Choose Lifetime
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.
Choose a color, then click or tap countries on the map.
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.

Need the map package? View World map details.
Take your website's user interaction to the next level by implementing our interactive world map plugin. It's a highly customizable map of the world. You can customize it to fit your needs.
Some Effective Map Usage Cases

Our interactive world map with clickable countries is perfect for displaying any geo-related information. It's fully customizable and offers a variety of options to get the most out of it. For a business or personal website, it's the ultimate tool to have and use for various applications.

Some of the use cases are:

  • Showcase of sales representatives, sales regions, dealers
  • Data visualization
  • Destination map for travel blogs

Our interactive world map is not just a clickable image map - it's much more!

Learn more about World Map for websites
Interactive World Map

Frequently Asked Questions

What is this online map editor for?

You can use this editor to create colored map charts and interactive maps in various areas. For example:

  • Reportings, homeworks, PowerPoint presentations,
  • Data visualization, statistical infographics,
  • Business projects, web pages, personal blogs,
  • Election results maps, geography works ... etc.

The map image can be downloaded for free, for an interactive map you need to have a plugin for the website.

What are the differences between the Online Editor and World Map Plugin features?

The online editor allows you to change only the basic map settings - colors of countries, links for countries, adding markers, etc.

The plugin for WordPress has much more customization options, such as grouping countries, displaying content next to the map, integrating with third-party plugins for popups, etc.

Where does the editor store the settings?

It uses web storage, located in the browser and designed to store data (localStorage), to store map settings. This does not use cookies and never sends any data to our server, so if you clear history cache on your browser, you will have to set your map settings again.

If you use the browser in incognito mode, all your preferences will be cleared when you close it. After editing some preferences, you can export the modified settings to a JSON file by selecting the Export tab, and then import them later.