Guida alla creazione di mappe interattive in WordPress con Interactive Geo Maps

In questo articolo impareremo come creare una mappa interattiva e funzionale in WordPress utilizzando il plugin Interactive Geo Maps, permettendo agli utenti di cliccare su ogni regione o provincia per essere reindirizzati alla pagina desiderata

Perché è importante avere una mappa interattiva sul sito? ✅

  • Visualizzazione delle aree di servizio
  • Presentazione delle filiali e dei rappresentanti
  • Collegamento a pagine separate per regioni o paesi
  • Rendere l’esperienza utente più coinvolgente 

🧩 Fase 1 – Installazione del Plugin

  1. Dal pannello di WordPress, vai su:
    Plugin → Aggiungi nuovo

  2. Nella barra di ricerca, digita:
    Interactive Geo Maps

  3. Installa e attiva il plugin con questo nome (dell’autore “Carlos Moreira”). 

🗺️ Fase 2 – Creazione della prima mappa

  1. Dal menu di WordPress, vai su:
    Interactive Maps → Aggiungi nuova mappa

  2. Nella sezione “Map Source”, seleziona il paese:
    Iran 

آموزش MapGeo – Interactive Geo Maps
  1. Nella sezione “Regions” verrà visualizzato l’elenco delle province dell’Iran.
    Per ogni provincia puoi configurare:

  • Name: nome della provincia

  • Color: colore dell’area

  • Link: URL della pagina o del post (link interno o esterno)

  • Tooltip: breve descrizione che appare al passaggio del mouse

ویرایش مشخصات مناطق در MapGeo

🔗 Fase 3 – Collegare le province

Per ogni provincia, crea una pagina o un post in WordPress (ad esempio: /isfahan, /fars, /tehran, ecc.).
Nel campo Link di ogni provincia, inserisci l’URL della pagina corrispondente.

Nota: se vuoi che il collegamento rimanga all’interno del tuo sito, utilizza uno shortcode interno, ad esempio:
/isfahan 

📋 Fase 4 – Inserire la mappa nella pagina

Dopo aver salvato la mappa, il plugin ti fornirà uno shortcode, ad esempio:
[interactive_map id=”123″]

Copialo e inseriscilo in qualsiasi pagina o post in cui desideri visualizzare la mappa. 

🌟 Conclusione

Quando un utente clicca su una provincia, viene reindirizzato direttamente alla pagina corrispondente 
Ad esempio:

  • Clic su Tehran → vai alla pagina “tehran”

  • Clic su Fars → vai alla pagina “fars”

آموزش MapGeo – Interactive Geo Maps