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?

By default, your map settings are saved in your browser's local storage (localStorage) - no cookies are used, and no data is sent to our server. This means that if you clear your browsing data or use incognito mode, your settings will be lost. In that case, you can export your settings as a JSON file via the Get Interactive Map tab and import them later if needed.

If you create a free account for Embedded Maps through the online editor, your settings will be stored securely on our server, ensuring that your customizations persist across devices and sessions.