BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Country Map Widget for Elementor Pro

A world map with clickable countries and markers.

Overview

What Country Map does

Country Map draws a world map where the countries you choose get their own color, tooltip, info panel and link. You can also group countries, add markers by coordinates and show a legend. The map data ships with the plugin, so nothing is loaded from an outside service.

Live demo

See it in action

  • United States: Head office in New York. Orders ship within two working days.
  • Brazil: Our partner network covers every state from Sao Paulo.
  • Germany: European warehouse in Hamburg with next day delivery.
  • India: Support team in Bengaluru, open around the clock.
  • Australia: Sales office in Sydney for Australia and New Zealand.
  • London: Showroom, open Monday to Friday.
  • Singapore: Distribution center for South East Asia.
  • Cape Town: Service partner for Southern Africa.
Features

What it can do

  • Highlight any country with its own color, hover color, title, text, image and link.

  • A click opens an info panel, follows the link, or does nothing but show the tooltip.

  • Country groups that share one color, text and link.

  • Markers placed by latitude and longitude as a dot, pin, ring or icon.

  • Show the whole world, a region, or zoom to the highlighted countries.

  • Optional zoom buttons, drag to move, pinch to zoom and wheel zoom.

  • Dots for very small countries so they can be seen and clicked.

  • Legend built from the highlighted countries or the country groups.

Use cases

When to use it

Where you work

Highlight the countries you ship to or have clients in and add a short text for each.

Offices and partners

Add a marker for every office with its coordinates, a title and a link.

Sales regions

Make a group per region with one color each and show the groups in the legend.

Country pages

Set On Click to Follow the link and send each country to its own page.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Country Map onto the page and open Countries.

  2. Add a row per country in Highlighted Countries: pick the Country, a Color and type the Title and Text.

  3. Optional: add Groups in Country Groups and Markers with Latitude and Longitude.

  4. In Click and Hover, choose what On Click does and set the Info Panel Position and the Tooltip.

  5. In View and Zoom, set Show to Whole world, Zoom to a region or Zoom to the highlighted countries.

  6. Switch on Show a Legend if you want one, then set the land, country, marker and panel styles in the Style tab.

FAQ

Questions and answers

Does the map load anything from another site?

No. The country shapes are a file inside the plugin and load from your own site. No outside map service is used.

Where does the map data come from?

The map data is made with Natural Earth, a free public domain map dataset.

Can each country link to a page?

Yes. Add the address in Link and set On Click to Follow the link, for the map or for that country only.

Can I show only one continent?

Yes. Set Show to Zoom to a region and pick the Region, or choose Zoom to the highlighted countries.

Bright Addons Pro

Get Country Map with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.