Integrare mappe Google su WordPress

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

2K+ Visite sul post corrente.

Integrare mappe Google su WordPress

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.

Incorporare mappa Google sul sito

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

WordPress - Migliori 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.

1. WP Google Maps

ntegrare mappe Google su WordPress - 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.

WP Google Maps plugin

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.

2. Google Maps Widget

ntegrare mappe Google su WordPress - 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.

Maps Widget plugin

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.

3. Leaflet Maps Maker

ntegrare mappe Google su WordPress - 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.

Guide correlate:

Tags:
Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
36Commenti
Lascia un commento
  1. Immagine avatar per Luca
    Luca

    Grazie mille Andrea, post utile e chiaro come sempre!

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Luca, grazie del tuo apprezzamento! Continua a seguirci!

  2. Immagine avatar per Alberto
    Alberto

    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

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Alberto, è necessario abilitare la fatturazione per visualizzare la mappa di Google. Un saluto!

  3. Immagine avatar per Tiziana B.
    Tiziana B.

    Ottima guida, io utilizzo WP Google Maps da qualche tempo e mi trovo molto bene

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ottimo Tiziana!

  4. Immagine avatar per Marina
    Marina

    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.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Marina, risposta affermativa. Puoi usare la Api key per abilitare le Google maps. Un saluto!

  5. Immagine avatar per Donatella
    Donatella

    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!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Donatella, testa i plugin in questione e vedi se rispondono alle vostre necessità. Un saluto, facci sapere!

  6. Immagine avatar per Pasquale
    Pasquale

    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 !!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      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?

    2. Immagine avatar per Pasquale
      Pasquale

      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..

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Hai a disposizione un backup?

  7. Immagine avatar per Vincenzo
    Vincenzo

    Buonasera, qualcuno sa aiutarmi su come poter testare in localhost questi plugin facendo funzionare correttamente le google maps api key?
    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Vincenzo, puoi seguire queste indicazioni. Un saluto!

    2. Immagine avatar per Vincenzo
      Vincenzo

      Quali indicazioni?

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco
  8. Immagine avatar per Valerio
    Valerio

    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…

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Valerio, a breve rilasceremo un aggiornamento della guida. Un saluto e grazie del tuo commento!

  9. Immagine avatar per Giorgio
    Giorgio

    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.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      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!

  10. Immagine avatar per Leonardo
    Leonardo

    Grazie ragazzi sto trovando talmente tanti contenuti da sentirmi in imbarazzo a non pagare

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      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!

  11. Immagine avatar per Luca De Santis
    Luca De Santis

    Che dire… mi commuove vedere un sito così bello e utile come sos wp. Bravi ragazzi siete i numeri uno!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Luca, grazie a te! Continua a seguirci, sono in arrivo tante nuove guide.

  12. Immagine avatar per ste
    ste

    ne manca uno che indica il raggio sarebbe comodo per le consegne tipo pizzerie , ristoranti, supermercati

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Questo plugin fornisce tale possibilità, https://it.wordpress.org/plugins/google-maps-easy/. Consigliamo di testarlo!

  13. Immagine avatar per Katia
    Katia

    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!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Katia, dai una occhiata a questo plugin: https://it.wordpress.org/plugins/responsive-google-maps. Fammi sapere se lo utilizzerai, a presto.

  14. Immagine avatar per marika
    marika

    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Marika, puoi usare questo plugin: https://wordpress.org/plugins/photo-express-for-google/. Fammi sapere se lo testi, un saluto!

  15. Immagine avatar per Giancarlo Riva
    Giancarlo Riva

    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giancarlo, dai un’occhiata a questo strumento: https://www.websmithing.com/category/google-map-gps-cell-phone-tracker/. Un saluto!

  16. Immagine avatar per pierluigi
    pierluigi

    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?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Pierluigi, dai un’occhiata a questo plugin. Un saluto!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *