Interactive World Map - Clickable Countries

Create your own custom World map! Change colors, add pop-ups, markers, links, and more.

 

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

Region fill color
Hover effect color

Click on the map or choose from the list to add a link or text to a tooltip.

Double-click to add a point. Click and hold to drag. Double-click to edit.

Check all added features: pop-ups, links, etc.

Content Display Mode *: Show content in tooltips when hovering Show content in a side panel after clicking

* Demo of content display modes. Actual settings are in the WP plugin and in embedded maps.
Embed interactive maps on your website – choose your platform
WordPress Plugin
Install our easy-to-use plugin with a fully visual admin panel.
For WordPress-based sites
Widget (Embed Code)
Copy and paste embed code — no file uploads required.
For site builders like Wix, Weebly, Godaddy, etc.
JavaScript/CSS
Full control for advanced users who prefer self-hosted scripts.
For custom-coded or other platforms
1 Buy a license or download the WP demo plugin
  • Support included
  • Compatible with any WP theme and page builder
2 Download map settings
3 How to install
  • Choose in WordPress: “Plugins” - “Add new” - “Upload”, and select the plugin’s ZIP file
  • On the “Maps” page in the plugin settings, click “Import” and select the JSON file with the settings
4 Support
  • Guidelines and a contact form are available on the Support page


1 Create your account with Fla-shop Embedded Maps
  • Registration is free and requires no credit card.
  • Access our entire map collection with easy embedding — no file uploads required.
2 Customize your map
  • Personalize your map with colors, links, content, and markers.
3 Publish to generate your embed code
  • Publish your map to get your embed code. On the Free plan, trial publish is available for testing.
4 Test embedding on your website
  • Embed the code on your site to see your interactive map in action. The trial mode lasts for a limited time.
5 Choose your plan
  • Upgrade to a paid plan for permanent embedding, or stick with Free if embedding isn’t needed.


1 Buy a license or download the JS demo map
  • Compatible with most popular CMSs (Squarespace, Shopify, Joomla!, Drupal, etc.)
  • Support included
2 How to install
  • The downloaded ZIP file contains the JS/CSS files that are required to upload to the website.
  • Installation instructions for different CMSs can be found on the Support page.

Already installed the map on the website?


Export the map as an image

Export the map in .PNG format for use in presentations, etc.

Import

Import JSON or 'settings.js' file

To edit another map, select from the list
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.

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.