Atlas Maps
Pro

How to Create an Interactive World Map With Clickable Countries in WordPress (No Google Maps or API Keys)

Most WordPress map tutorials start with the same thing: install a Google Maps plugin, get an API key, paste it into a settings page, and hope you do not break anything.

But sometimes you do not want a full street map at all. You just want an interactive world map where visitors can hover over countries, see their names, and click through to specific pages — without external APIs, billing, or heavy scripts.

In this guide, you will learn how to build that kind of map using the free version of the Atlas Maps plugin. You will:

Everything below works with the free plugin. At the end, you will see what extra options you get if you decide to upgrade to Atlas Maps Pro.


What you will build

By the end of this tutorial you will have a world map that:

You can use that for things like:


What you need

The free version of Atlas Maps includes three ready-made maps:

In this tutorial we will use the World map.


Step 1 – Install and activate Atlas Maps

Screenshot
  1. In your WordPress dashboard, go to Plugins → Add New Map.
  2. Search for Atlas Maps.
  3. Click Install, then Activate.

After activation, you should see an Atlas Maps menu item in your WordPress admin. That is where you will create and manage your maps.

Step 2 – Create a new world map

Screenshot
  1. Go to Atlas Maps → Add New Map.
  2. Enter a name for your map, for example Countries. This name is just for you; visitors will not see it.
  3. Look for the Map Settings panel where you choose the map.
  4. Select World Map from the map dropdown.

You should now see a live preview of the world map in the editor. As you change settings, the preview updates so you can see what you are doing.

Step 3 – Set global map settings

Atlas Maps lets you define global settings that affect the whole map, and then override them for specific countries. It is usually faster to set good defaults first.

Screenshot

3.1 Choose a theme

Start by picking a theme that fits your site:

  1. In the map settings panel, find the Theme section.
  2. Choose one of the built-in themes.

The preview will update immediately. Do not worry too much about getting this perfect now; you can always come back and change the theme later.

Screenshot

3.2 Enable tooltips

Tooltips are small labels that appear when someone hovers over a country. They are a simple way to make the map more informative.

  1. In the map settings panel, look for a section called Features.
  2. Find the Tooltips option and turn it On.
  3. Choose what you want to show:
    • Region name (the country name), or
    • Custom text if you want to use your own wording.

With that switch turned on, hovering any country will show its name or your custom text as a tooltip.

Screenshot

3.3 Decide on the default click behavior

Next, decide what should happen when visitors click a country:

  • Do you want every country to go to the same page (for example, a country directory)?
  • Or should specific countries go to their own pages?

You can combine both approaches by setting a default and then overriding it for important countries.

To set a global click action:

  1. In map settings, find the Click Actions section.
  2. Turn click actions On.
  3. Set the action to Follow URL.
  4. Enter a default URL, for example your main countries page.

Later you will override this default for countries that need their own pages.

Step 4 – Make individual countries clickable

Screenshot

Now you can tell Atlas Maps which country should go to which page.

This is done in the Region Settings panel, which controls individual countries or regions.

  1. In the sidebar, open Region Settings.
  2. Use the search box or list to find a country, for example France.
  3. Select that country so its settings appear.
Screenshot

For a specific country:

  1. Find the Click Action settings for that region.
  2. Change the action from Default to Follow URL.
  3. Enter the URL for that country, for example:
    https://example.com/country/france/
  4. Save or update the map.

Repeat this for each country that needs its own landing page. You do not have to configure every country:

  • Let most countries use the global click action (for example, a general countries page, or nothing).
  • Override only key countries with their own URLs.

Step 5 – Customize tooltips per country (optional)

Screenshot

By default, tooltips show whatever you configured in the global settings (for example, the country name). Sometimes you might want specific text for a particular country.

To change the tooltip for a single country:

  1. In Region Settings, select the country you want to edit.
  2. Find the Tooltip options for that region.
  3. Change it from Default to Custom text.
  4. Enter the text you want, for example:
    • "France – Headquarters in Paris"
    • "Germany – Offices in Berlin and Munich"
  5. Update the map.

When you preview the map, hovering that country will now show your custom tooltip instead of the default.

Step 6 – Embed the world map in a page or post

Once your map looks good, it is time to put it on your site.

  1. Click Publish or Update on the map editor so your changes are saved.
  2. Under map settings, you will see a shortcode for this map, for example: [atlas-map 10]
  3. Copy that shortcode.
  4. Go to Pages → Add Page (or open an existing page).
  5. In the block editor:
    • Add a Shortcode block.
    • Paste the shortcode into it.
  6. Save or update the page and preview it on the front end.

You should now see your interactive world map on that page. Hovering countries will show tooltips, and clicking configured countries will open the right URLs.

Step 7 – Add pins for specific locations (optional)

Screenshot

Countries are great for high level information, but sometimes you need to mark exact locations like offices, project sites, or event venues.

Atlas Maps lets you add pins on top of the map:

  1. Open your map in the Atlas Maps editor.
  2. In Region Settings, look for a Pins section.
  3. Add a new pin and give it a name, for example Paris Office.
  4. Set its position on the map.
  5. Optionally, set a custom tooltip for the pin (for example, address or opening hours).
  6. Update the map and refresh your page to see the new pin.

Pins are useful for:

  • Marking individual offices within a country
  • Showing project or campaign locations
  • Highlighting specific cities on a travel map

Going further with Atlas Maps Pro

If you like what the free version can do but need more detail or control, Atlas Maps Pro adds extra features on top of the same interface. You do not have to relearn anything; you just get more options.

More maps

Richer tooltips and interactivity

Advanced styling and theming

Extra click options

If you find yourself often needing country or state level detail, extra styling options, or richer tooltips, it is worth looking at the Pro version.


Troubleshooting tips

The map does not appear on the page

Clicking a country does nothing

Tooltip text is not what I expect


Wrap up

You do not need Google Maps, API keys, or heavy external scripts to add an interactive world map with clickable countries to your WordPress site. With the free Atlas Maps plugin you can:

Once you have your first map working, you can reuse the same steps for maps of Europe or the United States, or create separate maps for different sections of your site.

If you need more detail, more maps, or more styling options, you can always explore Atlas Maps Pro later. For now, you already have a clean, interactive world map running in WordPress without touching Google Maps at all.