SOS WP
  • Blog
  • Risorse
  • Chi siamo
  • Corsi
  • Servizi
    • Creazione Siti Web & Supporto WP
    • Consulenze Professionali
    • Formazione via Skype
    • Richiedi Subito un Preventivo
  • Assistenza WordPress
  • Menu

Apri l'indice dei contenuti

  • Integrare mappe Google su WordPress con i codici
  • Integrare mappe Google su WordPress con i plugin
    • WP Google Maps
    • Google Maps Widget
    • Leaflet Maps Maker
    • Conclusione

Categorie:

  • Ispirazione
  • Usare WordPress
  • Dominio e Hosting
  • Creare blog
  • Creare siti web
  • eCommerce
  • Temi
  • Plugin
  • SEO
  • Tutte

  • Creare siti multlingua
  • Copywriting
  • Dove trovare immagini
  • Email marketing
  • Guadagnare online
  • Varie

CATEGORIE

  • Ispirazione
  • Usare WordPress
  • Dominio e Hosting
  • Creare blog
  • Creare siti web
  • eCommerce
  • Temi
  • Plugin
  • SEO
  • Creare siti mulitlingua
  • Copywriting
  • Dove trovare immagini
  • Email marketing
  • Guadagnare online
  • Varie

Comincia qui per avere la soluzione al tuo problema

Background Icons
Integrare mappe Google su WordPress
Sei qui:
  • Home /
  • Blog /
  • Come usare WordPress

Integrare mappe Google su WordPress

Andrea Di Rocco 28 Agosto 2019
36

Apri l'indice dei contenuti

  • Integrare mappe Google su WordPress con i codici
  • Integrare mappe Google su WordPress con i plugin
    • WP Google Maps
    • Google Maps Widget
    • Leaflet Maps Maker
    • Conclusione

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.

Gestisci un business locale? Elabora con noi una strategia di Local SEO efficace

Contattaci

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.

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.

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.

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.

Accedi al Gruppo TUTTO SEO™

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.

Tags: funzioni-sitoGoogleGuide popolariMappe Google
Lascia un Commento

Andrea Di Rocco

Fondatore di SOS WP, Autore

First Badge Item Second Badge Item Third Badge Item
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 650 guide su WordPress e sulla SEO che ho pubblicato su questo blog e se ne hai voglia ti invito a leggere la mia storia cliccando sul pulsante qui sotto.
Leggi la mia storia
Ti potrebbe interessare:
Come caricare file .ai su WordPress18 April 2018
Plugin per mettere il sito in manutenzione
I migliori plugin per mettere il tuo sito WordPress in manutenzione26 May 2017
Creare un sito web di nicchia
5 motivi per creare un sito web di nicchia22 May 2020
Come trasformare il tuo sito web in una app
Come trasformare il tuo sito WordPress in una app16 July 2019
100 argomenti per creare un blog
100 argomenti per creare un blog16 January 2018
Come posizionarsi per una parola chiave su Google
Come posizionarsi per una parola chiave su Google11 January 2018
36 commenti

Lascia un commento
  1. Luca
    Luca dice:
    14 Ottobre 2020 alle 3:30 pm

    Grazie mille Andrea, post utile e chiaro come sempre!

    Rispondi
    • SOS WP Team
      SOS WP Team dice:
      16 Ottobre 2020 alle 11:48 am

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

      Rispondi
  2. Alberto
    Alberto dice:
    19 Gennaio 2020 alle 11:25 am

    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

    Rispondi
    • SOS WP Team
      SOS WP Team dice:
      19 Gennaio 2020 alle 1:27 pm

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

      Rispondi
  3. Tiziana B.
    Tiziana B. dice:
    29 Settembre 2019 alle 1:20 pm

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

    Rispondi
    • SOS WP Team
      SOS WP Team dice:
      30 Settembre 2019 alle 11:22 am

      Ottimo Tiziana!

      Rispondi
  4. Marina
    Marina dice:
    2 Ottobre 2018 alle 5:49 pm

    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.

    Rispondi
    • Team
      Team dice:
      3 Ottobre 2018 alle 1:26 pm

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

      Rispondi
  5. Donatella
    Donatella dice:
    18 Settembre 2018 alle 10:05 am

    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!

    Rispondi
    • Team
      Team dice:
      18 Settembre 2018 alle 12:59 pm

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

      Rispondi
  6. Pasquale
    Pasquale dice:
    16 Marzo 2018 alle 4:34 pm

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

    Rispondi
    • Team
      Team dice:
      16 Marzo 2018 alle 6:57 pm

      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?

      Rispondi
      • Pasquale
        Pasquale dice:
        16 Marzo 2018 alle 10:29 pm

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

        Rispondi
        • Team
          Team dice:
          17 Marzo 2018 alle 7:51 pm

          Hai a disposizione un backup?

          Rispondi
  7. Vincenzo
    Vincenzo dice:
    15 Marzo 2018 alle 5:41 pm

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

    Rispondi
    • Team
      Team dice:
      16 Marzo 2018 alle 1:21 pm

      Ciao Vincenzo, puoi seguire queste indicazioni. Un saluto!

      Rispondi
      • Vincenzo
        Vincenzo dice:
        17 Marzo 2018 alle 9:22 am

        Quali indicazioni?

        Rispondi
        • Team
          Team dice:
          17 Marzo 2018 alle 7:54 pm

          Scusaci, eccole: https://stackoverflow.com/questions/39329874/googlemaps-api-key-for-localhost 🙂

          Rispondi
  8. Valerio
    Valerio dice:
    8 Febbraio 2018 alle 12:42 pm

    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…

    Rispondi
    • Team
      Team dice:
      8 Febbraio 2018 alle 3:36 pm

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

      Rispondi
  9. Giorgio
    Giorgio dice:
    26 Ottobre 2017 alle 10:25 pm

    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.

    Rispondi
    • Team
      Team dice:
      27 Ottobre 2017 alle 10:11 am

      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!

      Rispondi
  10. Leonardo
    Leonardo dice:
    23 Ottobre 2017 alle 7:32 pm

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

    Rispondi
    • Team
      Team dice:
      23 Ottobre 2017 alle 8:08 pm

      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!

      Rispondi
  11. Luca De Santis
    Luca De Santis dice:
    19 Ottobre 2017 alle 4:10 am

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

    Rispondi
    • Team
      Team dice:
      19 Ottobre 2017 alle 12:54 pm

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

      Rispondi
  12. ste
    ste dice:
    24 Luglio 2017 alle 1:50 pm

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

    Rispondi
    • Team
      Team dice:
      24 Luglio 2017 alle 6:21 pm

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

      Rispondi
  13. Katia
    Katia dice:
    15 Aprile 2017 alle 7:50 pm

    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!

    Rispondi
    • Team
      Team dice:
      15 Aprile 2017 alle 8:26 pm

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

      Rispondi
  14. marika
    marika dice:
    22 Dicembre 2016 alle 12:10 am

    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

    Rispondi
    • Team
      Team dice:
      22 Dicembre 2016 alle 11:25 am

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

      Rispondi
  15. Giancarlo Riva
    Giancarlo Riva dice:
    16 Dicembre 2016 alle 9:32 am

    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

    Rispondi
    • Team
      Team dice:
      16 Dicembre 2016 alle 2:18 pm

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

      Rispondi
  16. pierluigi
    pierluigi dice:
    15 Novembre 2016 alle 6:20 pm

    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?

    Rispondi
    • Team
      Team dice:
      28 Novembre 2016 alle 2:47 pm

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

      Rispondi

Domande? Lascia un commento!

Il team di SOS WP risponde tutti i giorni. Unisciti anche tu alla conversazione…

Lascia un commento Annulla risposta

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

Servizi

  • Creazione blog professionali
  • Realizzazione siti web
  • Messa a norma GDPR
  • Consulenza SEO
  • Formazione WordPress
  • Chiedi un preventivo

LINK RAPIDI

  • Scopri TUTTO SEO™
  • Entra in Area Corsi
  • Gruppi Facebook
  • Testimonianze
  • Contattaci
  • Lavora con noi

Vuoi creare un blog? Non sai come muoverti nel mondo di WordPress? Desideri essere primo su Google con il tuo sito web?

Richiedi Preventivo

  • Safe Payment IconPagamenti sicuri con:
    Maestro IconVisa IconMastercard IconPaypal Icon e altri…
  • Support IconSupporto continuo dal Lunedì al Venerdì 08:30 – 18:30
SOS WP
  • Chi Siamo
  • Chi è Andrea Di Rocco
  • TUTTO SEO™
  • TrustPilot
  • Privacy e Cookie Policy
  • Facebook
  • Youtube
  • Linkedin
 

© Copyright 2012-2021 | SOS WP™ Metro Effort Limited. Tutti i diritti sono riservati.

 
Scorrere verso l’alto
SOS WP utilizza i cookie per migliorare la tua esperienza: ACCETTOImpostazioni
Privacy & Cookies Policy

Panoramica sulla privacy

Quando si visita qualsiasi sito web, questo può memorizzare o recuperare informazioni sul tuo browser, in gran parte sotto forma di cookie. Queste informazioni potrebbero essere su di te, le tue preferenze o il tuo dispositivo e sono utilizzate in gran parte per far funzionare il sito come te lo aspetteresti. Le informazioni di solito non ti identificano direttamente, ma possono fornire un'esperienza web più personalizzata. Poiché rispettiamo il tuo diritto alla privacy, puoi scegliere di non consentire alcuni tipi di cookie. Clicca sulle intestazioni delle diverse categorie per scoprire di più e modificare le impostazioni predefinite. Tuttavia, il bloccaggio di alcuni tipi di cookie può avere impatto sulla tua esperienza del sito e dei servizi che siamo in grado di offrire.
Maggiori informazioni
Cookie di terze parti
Salva e accetta