Integrare mappe Google su WordPress
Apri l'indice dei contenuti
Hai un negozio, un ristorante o un’altra attività con una sede fisica? Se è così, devi assolutamente imparare come integrare mappe Google su WordPress. È ormai diventata quasi una convenzione che all’interno della pagina “Contatti” sia presente una mappa per aiutare gli utenti a localizzare il tuo business. Non è un caso: si tratta infatti del modo in assoluto più semplice e veloce per far capire a chi visita il tuo sito dove si trova il tuo business. Sicuramente, è uno dei primi passi in assoluto per una buona Local SEO.
Lo spiego in modo approfondito anche nel corso TUTTO SEO, dove trovi un intero capitolo dedicato alla SEO per le attività locali.
Mettere mappe Google su WordPress è molto semplice: puoi farlo sia manualmente – usando i codici forniti sul sito di Google maps – oppure attraverso i plugin. In questa guida approfondiremo entrambe le soluzioni.
Integrare mappe Google su WordPress con i codici
Per prima cosa, naviga su Google Maps e cerca il tuo indirizzo.
Clicca sul simbolo del menu in alto a sinistra e cerca la voce Condividi o incorpora mappa. Quindi, seleziona la tab Incorporare una mappa.
Su questa finestra trovi un menu a tendina dove selezionare le dimensioni della mappa: piccole, medie o grandi. In alternativa, puoi anche selezionare la voce Dimensione personalizzata e digitare il numero di pixel per larghezza ed altezza.
Al momento in cui selezioni le dimensioni, la finestra si ridimensionerà, mostrandoti le dimensioni reali che avrà la tua mappa.
All’interno della stessa schermata trovi anche un codice che inizia con il tag <iframe, con accanto il pulsante Copia HTML. Clicca su questo pulsante per copiare il codice.
Ora, accedi all’articolo o alla pagina nella quale vuoi inserire la mappa. Attenzione: dovrai entrare nella sezione Testo, e non nell’editor visuale. Portati nel punto in cui vuoi che essa appaia e semplicemente incolla il codice appena copiato.
Se desideri, puoi usare lo stesso metodo per integrare mappe Google su WordPress anche nella sidebar o in altre aree widget. Ti basta incollare lo stesso codice in un widget di testo.
In questo caso, la larghezza della mappa si ridimensionerà sulla base dello spazio disponibile.
Quando incorpori una mappa usando questo metodo, sono automaticamente visualizzati i classici strumenti di Google Maps: i bottoni per visualizzare direzioni, allargare la mappa, salvare un luogo, ecc.
Integrare mappe Google su WordPress con i plugin
“Codice? Editor di testo? Io non so se riesco a farlo, non ci capisco niente!”
Se non ti senti abbastanza a tuo agio a maneggiare del codice, nessuna paura. All’interno della directory sul sito ufficiale WordPress sono disponibili decine di plugin per integrare mappe Google sul tuo sito web.
Ai fini di questa guida, ho selezionato e testato quelli più popolari e ricchi di funzionalità; vediamo assieme quali sono.
WP Google Maps
Il primo plugin che andiamo a vedere è quello in assoluto più popolare (ad oggi, conta oltre 400 mila installazioni).
WP Google Maps è un plugin ottimo. Oltre che per inserire mappe “semplici”, puoi usarlo anche per creare mappe con diversi punti di interesse (per esempio negozi) e far sì che l’utente possa trovare quello più vicino a sé.
La creazione delle mappe è molto semplice e, una volta create, otterrai degli shortcodes da inserire dove vorrai nelle tue pagine.
Inoltre, WP Google Maps è già tradotto in italiano; questo significa che se hai configurato il tuo sito WordPress in italiano, sia le pagine di configurazione che le mappe sul sito appariranno in italiano.
Le funzionalità di questo strumento sono veramente tante:
- Aggiungi tutti i segnaposto che vuoi;
- Crea mappe responsive;
- 9 diversi modelli di mappe;
- Supporta la funzionalità Streetview;
- Aggiungi animazioni ai segnaposto;
- Aggiungi la funzionalità store locator per trovare negozi vicini.
Tutto quello che puoi fare con questo plugin non finisce qui, ma puoi creare una sola mappa con la versione Free. Puoi però utilizzare la versione premium a partire da $39.99. Se acquisti la versione Pro, potrai:
- Avere un numero illimitato di mappe;
- Permettere agli utenti di ottenere le indicazioni stradali per la tua posizione;
- Aggiungere descrizioni, link, categorie e perfino custom fields alle tue mappe;
…e avrai a disposizione molte altre funzioni di personalizzazione.
Google Maps Widget
Questo è uno strumento “leggero” che – come si capisce dal nome – serve ad inserire mappe nella sidebar ed altre aree widget del tuo sito.
Quando installi il plugin, puoi navigare direttamente all’interno di Aspetto > Widget, dove trovi un widget chiamato proprio Google Maps Widget.
Espandilo per visualizzare tutte le opzioni disponibili ed integrare mappe Google su WordPress.
In questo caso, le opzioni sono più limitate rispetto a WP Google Maps ma comunque interessanti: puoi creare segnaposto personalizzati, scegliere uno schema colori, far sì che la mappa si espanda in una lightbox, eccetera.
Google Maps Widget è senza dubbio un plugin semplice ma allo stesso tempo potente.
Leaflet Maps Maker
Il terzo ed ultimo plugin che andiamo a vedere si chiama Leaflet Maps Maker. Questo strumento è interessante perché, oltre ad integrare mappe Google su WordPress, può essere usato anche per aggiungere mappe Open Street, Bing, Map Box o addirittura mappe WMTS personalizzate.
Usando Leaflet Maps Maker potrai aggiungere diverse locations alla tua mappa, personalizzabili con una galleria di centinaia di segnaposto differenti.
Le funzionalità di questo plugin sono veramente tante; senza dubbio, è però meno intuitivo rispetto ai due strumenti che ti ho presentato precedentemente.
Conclusione
Siamo arrivati alla fine di questa guida. Oggi hai imparato come integrare mappe Google su WordPress attraverso i codici e attraverso i plugin.
Qual è la soluzione migliore? La risposta è semplice: se gestisci un’attività con una sola sede, sicuramente ti consiglio di usare i codici Google Maps. Si tratta di integrare un codice solamente incollandolo nella pagina ed il procedimento è veramente molto semplice. Seguendo i passaggi illustrati in questa guida non ti richiederà più di un paio di minuti.
Se invece vuoi creare mappe con funzionalità più avanzate – per esempio, diversi segnaposto, una funzionalità di ricerca, ecc – ti suggerisco senza dubbio i plugin consigliati.
Considera sempre che tutti i plugin che installi vanno ad “appesantire” leggermente il tuo sito e possono anche rallentarne la performance. Per questo, ti consiglio di limitare l’installazione di strumenti opzionali a quelli strettamente necessari.
Usi le mappe nel tuo sito web?
Quale soluzione ti sembra più adatta alle tue esigenze?
Fammi sapere qual è stata la tua scelta e spiegami il motivo qui sotto nei commenti.
Grazie mille Andrea, post utile e chiaro come sempre!
Ciao Luca, grazie del tuo apprezzamento! Continua a seguirci!
Ciao
Il plug in WP Google Maps, mi piace molto.
Ho attivato la chiave API, ma non funziona.
Non ho abilitato la fatturazione, il motivo è quello ?
Esiste altro modo per inserire mappe ( a parte quello indicato all’inizio dell’articolo )
Grazie
Ciao Alberto, è necessario abilitare la fatturazione per visualizzare la mappa di Google. Un saluto!
Ottima guida, io utilizzo WP Google Maps da qualche tempo e mi trovo molto bene
Ottimo Tiziana!
Buonasera,
è possibile testare questo plugin facendo funzionare correttamente le google maps api key? sto lavorando su un sito ma non in localhost, nè nel suo dominio. E’ “appoggiato” come sottocartella in un altro sito.
Ciao Marina, risposta affermativa. Puoi usare la Api key per abilitare le Google maps. Un saluto!
Ciao!
Gestisco un sito di prenotazione hotel e voli per un’agenzia di viaggi. Vorrei inserire in ogni post con le offerte l’esatta Ubicazione degli hotel proposti.
Al momento sto mettendo una foto della mappa di Google Maps ma da cellulare si vede un po’ piccina.
Pensi che uno di questi plugin possa fare a caso mio considerando che in ogni post inserirei almeno 3-4 mappe? O meglio continuare come sto facendo?
Grazie!
Ciao Donatella, testa i plugin in questione e vedi se rispondono alle vostre necessità. Un saluto, facci sapere!
Buongiorno.
Tempo fà avevo inserito la mappa in una pagina del blog, incorporando il codice nella pagina. Adesso all’improvviso con qualsiasi browser non si visualizza più, anche dal cellulare, nella bacheca del sito e in modifica pagina, la trovo.
L’ho eliminata e rimesso un nuovo codice e succede la stessa cosa, io la vedo nella pagina ma non nel browser.
Mi potete aiutare ?? Grazie !!
Ciao Pasquale,
verifica prima di tutto che non vi sia un conflitto in corso tra le varie risorse, disattivando gli altri plugin. Tema e WordPress sono aggiornati?
si sono aggiornati…e temo proprio sia una questione di aggiornamento del tema che mi ha creato questo problema. Cmq ho eliminato diversi plugin ce non utilizzo , ma nulla è cambiato..
Hai a disposizione un backup?
Buonasera, qualcuno sa aiutarmi su come poter testare in localhost questi plugin facendo funzionare correttamente le google maps api key?
Grazie
Ciao Vincenzo, puoi seguire queste indicazioni. Un saluto!
Quali indicazioni?
Scusaci, eccole: https://stackoverflow.com/questions/39329874/googlemaps-api-key-for-localhost 🙂
Credo che il plug-in WP Google Maps, di Google Maps, sia cambiato e non in meglio. Non ci sono più le schede relative alla dimensione della mappa o all’inserimento dei punti di interesse. Non appare più nessuna mappa di default da modificare. Non ho capito come funziona…
Ciao Valerio, a breve rilasceremo un aggiornamento della guida. Un saluto e grazie del tuo commento!
Volevo farvi i complimenti, siete un punto di riferimento per plugin di wordpress.
Gestisco una pizzeria e faccio le consegne a domicilio, ho 5 driver, avrei bisogno di una plugin che mi permette di localizzare in tempo reale tutti i driver dove si trovano come posizione. Esiste una plugin per fare questo? anche a pagamento.
Ciao Giorgio, non conosciamo un plugin con queste caratteristice 🙁 Penso che si possa trovare una soluzione solo con un lavoro custom, per questo puoi contattare il nostro reparto di sviluppo https://sos-wp.it/servizi-web/. Rimaniamo a disposizione, un saluto e grazie dei complimenti!
Grazie ragazzi sto trovando talmente tanti contenuti da sentirmi in imbarazzo a non pagare
Ciao Leonardo, felice di sapere che stai trovando info utili dopo essere approdato al nostro sito 🙂 Se apprezzi il nostro lavoro, lasciaci una review sul nostro profilo facebook https://www.facebook.com/pg/soswordpress/reviews/?ref=page_interna. Grazie!
Che dire… mi commuove vedere un sito così bello e utile come sos wp. Bravi ragazzi siete i numeri uno!
Ciao Luca, grazie a te! Continua a seguirci, sono in arrivo tante nuove guide.
ne manca uno che indica il raggio sarebbe comodo per le consegne tipo pizzerie , ristoranti, supermercati
Questo plugin fornisce tale possibilità, https://it.wordpress.org/plugins/google-maps-easy/. Consigliamo di testarlo!
Ciao! Complimenti per l’articolo, mi è stato utilissimo! Sono riuscita a inserire la mappa usando il codice. Sul computer risulta perfetta, l’unico problema è che la mappa non si adatta alla pagina dei dispositivi mobili (risulta troppo larga e si vede per metà..) Come potrei farei? Grazie mille!
Ciao Katia, dai una occhiata a questo plugin: https://it.wordpress.org/plugins/responsive-google-maps. Fammi sapere se lo utilizzerai, a presto.
ciao chiara! Innazitutto complimenti per la spiegazione: semplice e concisa. Ho un problema: potresti aiutarmi? Ti spiego. Ho seguito tutta la tua procedura. Quando incollo l’iframe nel “testo” e poi digito “visuale” la mappa la visualizzo. Ma quando clicco “anteprima” o salvo il testo nella bozza non mi fa visualizzare la mappa. Perchè? Come posso fare?? Grazie
Ciao Marika, puoi usare questo plugin: https://wordpress.org/plugins/photo-express-for-google/. Fammi sapere se lo testi, un saluto!
Buongiorno Chiara,
ho installato la mappa sul mio blog. Davvero facile grazie alle sue indicazioni.
Avrei bisogno di installare una mappa interattiva che mostra dove sono senza dover caricare la posizione manualmente, ma usando il localizzatore gps del cellulare android. E’ possibile? con quale plugin?
Grazie
Giancarlo Riva
Ciao Giancarlo, dai un’occhiata a questo strumento: https://www.websmithing.com/category/google-map-gps-cell-phone-tracker/. Un saluto!
Ciao Chiara, ottimi suggerimenti! Conosci qualche plug in ad hoc nel caso volessi creare un form per fornire il punto vendita più vicino ad un determinato indirizzo inserito dall’utente?
Ciao Pierluigi, dai un’occhiata a questo plugin. Un saluto!