Plugin WordPress WordPress

Mappe su WordPress: plugin per integrare Google Maps (e non solo) sul tuo sito

Tiziano Fogliata

Inserire una mappa di Google sul proprio sito รจ unโ€™operazione abbastanza semplice: รจ sufficiente visitare Google Maps, cliccare sul menu in alto a sinistra, selezionare la voce โ€œCondividi o incorpora mappaโ€, copiare il codice che trovi nella sezione โ€œIncorpora mappaโ€ e incollarlo nel codice HTML di una pagina del tuo sito.

Incorporare una mappa Google Maps sul sito

Se utilizzi lโ€™editor a blocchi Gutenberg di WordPress, ti basta inserire un blocco โ€œHTML Personalizzatoโ€ allโ€™interno di una pagina o di un articolo e incollare al suo interno il codice HTML fornito da Google. Altrimenti unโ€™altra soluzione รจ quella di utilizzare plugin come Simple Google Maps Short Code. Molti temi inoltre giร  contengono unโ€™opzione per inserire una semplice mappa nella pagina dedicata ai contatti.

Nel caso in cui desiderassi creare mappe piรน complesse e personalizzate due soluzioni che ti consiglio sono Carto (un plugin made in Italy creato da Evolve) e WP Google Maps.

La versione gratuita di Carto supporta Google Maps e ti permette di inserire un numero illimitato di marker geolocalizzati su ogni mappa. Puoi cercare direttamente gli indirizzi allโ€™interno del plugin che provvede alla geolocalizzazione automatica.

Con Carto puoi anche inserire titoli e descrizioni personalizzati per ogni localitร  contrassegnata sulla mappa. Potendo poi inserire le mappe create attraverso i widget, Carto รจ compatibile anche con la maggior parte dei page builder.

In questo breve video ti mostro quanto รจ facile inserire una mappa con Carto:

Creare una mappa con Carto su WordPress

Devi inoltre tenere presente che Carto, cosรฌ come la maggior parte dei plugin che si appoggiano a Google Maps, ti richiede lโ€™inserimento di una Google API Key, che puoi ottenere qui, accedendo con il tuo account Google.

Indipendentemente dalla soluzione che scegli di adottare, uno degli aspetti piรน interessanti dellโ€™utilizzo di queste mappe รจ la loro possibilitร  di essere personalizzate e adattate allo stile del sito nel quale vengono inserite.

Se desideri applicare un tema cromatico particolare alla tua mappa, non puoi perderti Snazzy Maps. Un sito che, ormai da diversi anni, mette a disposizione una quantitร  incredibile di temi per le mappe di Google. Grazie a un tema personalizzato puoi mettere in risalto gli elementi della mappa che preferisci e anche visualizzare una mappa utilizzando i colori del tuo brand. Snazzy Maps ha messo a disposizione anche un plugin per WordPress.

snazzy-maps

Anche il plugin Carto, nella versione a pagamento, supporta  Snazzy Maps per la personalizzazione delle mappe.

Qui di seguito ti segnalo altri plugin che ti consiglio di valutare per sfruttare le mappe sul tuo sito WordPress.

Maps Marker Pro
Permette di appoggiarsi a diversi fornitori di mappe, non solo Google Maps ma anche Open Street Map, Bing e TomTom. Consente inoltre di tracciare linee e poligoni sulle mappe, salvare percorsi e molto altro ancora. Un plugin ricchissimo di funzionalitร  e di conseguenza anche piuttosto complesso da usare.

Google Maps Widget PRO
Molto semplice da utilizzare e con una funzionalitร  interessante. Questo plugin ti permette infatti di salvare le mappe create come una singola immagine, questo si traduce anche in un risparmio economico, riducendo il numero di chiamate alle API di Google ogni volta che viene visualizzata una pagina contenente una mappa. La mappa vera e propria puรฒ essere attivata solo quando viene cliccata col mouse.

Marker personalizzati per le mappe

Nel caso in cui voglia creare una mappa per mostrare un elenco di punti di interesse, magari utilizzando i dati provenienti dai post o da un contenuto personalizzato creato appositamente, potresti essere interessato a utilizzare dei marcatori piรน originali rispetto alla tradizionale puntina rossa di Google Maps. Probabilmente vorresti anche rappresentare differenti categorie di luoghi utilizzando marcatori differenti, in modo da distinguerli piรน facilmente.

marker-personalizzati

Map Icons Designer rappresenta un buon punto di partenza per trovare una serie di icone da utilizzare come contrassegni su Google Maps.

Map-Icons-Designer

Circa 200 icone scaricabili gratuitamente, anche se รจ richiesto un indirizzo email per poter effettuare il download. Le icone sono in formato PSD e PNG.

Map Icons Collection

Map-Icons-Collection

Oltre 1000 icone disponibili gratuitamente da utilizzare per personalizzare le proprie mappe. Le icone sono suddivise per categoria per facilitare la ricerca. รˆ quasi impossibile non trovare lโ€™icona adatta alle proprie esigenze.

Google Maps Markers

Google-Maps-Markers

Un modo per personalizzare il marcatore standard di Google Maps. Sul sito sono disponibili tutti i file PNG delle varie versioni.

Scegli di ricevere gratuitamente via email consigli utili per creare, gestire e migliorare il tuo sito WordPress

Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Altri articoli che ti suggeriscoโ€ฆ

Nessun articolo correlato

Lascia un commento