5 migliori widget interattivi gratuiti di Google Maps per siti Web nel 2022

Pubblicato: 2022-08-04

Uno dei modi migliori per mettere in evidenza le sedi della tua attività consiste nell'utilizzare una mappa sul tuo sito web in modo che gli utenti possano trovare facilmente il percorso più veloce. Il widget di Google Maps è un widget così utile per qualsiasi azienda che desidera aggiungere un widget di posizione della mappa a un sito.

In questo articolo troverai i primi cinque widget gratuiti di Google Maps da utilizzare sul tuo sito.

5 consigli da considerare quando si utilizza Google Maps su un sito web

  1. Individua tutte le sedi dell'attività : se la tua attività ha più sedi, assicurati di aggiungerle in modo che Google Maps suggerisca il sito più vicino in base alla posizione dell'utente. La maggior parte dei widget di Google Maps elencati di seguito lo supportano.
  2. Incorpora in posizioni adatte : alcuni plug-in di Google Maps per siti Web potrebbero causare la velocità di caricamento del sito. Pertanto, incorporalo solo in luoghi adatti come la "Pagina di contatto" del tuo sito. Inoltre, puoi testare utilizzando un servizio come Google Tag Manager o Zaraz by Cloudflare per caricare lo script del widget di Google Maps in modo asincrono per scoprire l'impatto sulla velocità della pagina.
  3. Imposta i controlli della mappa : semplifica l'utilizzo dei widget di Google Maps abilitando i controlli della mappa come i tipi di mappa (roadmap, satellite, terreno), zoom, ridimensionamento, rotazione, schermo intero e altro ancora.
  4. Test A/B: prova diversi colori della mappa, posizionamenti dei widget e così via per determinare le prestazioni.
  5. Utilizza altri elementi per aumentare la conversione : supponi di aver impostato il profilo Google My Business della tua attività. Quindi, perché non incorporare Recensioni di Google sul sito web?

I migliori widget di Google Maps per il tuo sito web

Nota : potresti dover creare un'API per Google Maps sulla tua piattaforma Google Cloud, che potrebbe costare in base al tuo utilizzo.

Widget di Google Maps ElfSight

Widget di Google Maps ElfSight

ElfSight è un servizio popolare che fornisce diversi plug-in per siti Web come Calendario eventi con pulsante CTA, recensioni di Yelp, statistiche sul coronavirus, lettore audio e dispositivo di scorrimento delle testimonianze.

Il suo widget di Google Maps è pieno di molte funzionalità e ti consente di creare facilmente widget di Google Maps personalizzati e reattivi per il tuo sito web.

Editor di widget di Google Maps Elfsight
Editor visivo del widget di Google Maps – Ogni widget è completamente personalizzabile.

Caratteristiche principali

  • Rendi la tua attività facile da raggiungere con informazioni di contatto dettagliate : il widget Google Maps di ElfSight ti consente di mostrare diversi tipi di informazioni di contatto sulla mappa: aggiungi indicatori e visualizza i dettagli massimi nelle relative finestre informative, inclusi telefono, indirizzo, orari di apertura e altro ; unisci tutte le tue posizioni in un unico elenco nel pannello Posizione per una visualizzazione intuitiva.
  • Ricerca automatica del percorso e calcolo del tempo : i visitatori del tuo sito Web saranno in grado di vedere il percorso a piedi o in auto più efficiente e il calcolo del percorso sul pannello delle indicazioni stradali senza lasciare la tua pagina.
  • Cinque livelli di mappa : POI (Punti di interesse) (un'entità geografica dedicata come una pietra miliare, un istituto, un sito del patrimonio o un ufficio aziendale), Traffico, Transito, Bici e Street View. Puoi abilitare tutti gli elementi su una mappa.
  • Posizioni multiple e oltre 50 icone – Aggiungi un numero illimitato di indicatori alla tua mappa: negozi, ristoranti, luoghi pubblici e parchi – scegli da una libreria di oltre 50 categorie, ognuna con la sua icona.
  • Controlli della mappa: il widget della mappa delle indicazioni stradali di ElfSight Google ti consente di abilitare controlli come il tipo di mappa (satellitare, terreno, roadmap), Streetview, zoom, scala, ecc.,
  • Stili personalizzati di Google Maps (JSON) : sono disponibili quattro stili integrati (predefinito, argento, notturno, retrò) e puoi creare una mappa dei colori personalizzata o aggiungerne una utilizzando JSON. Puoi creare uno stile di Google Maps personalizzato tramite Google Data Studio (qui c'è un tutorial) o Snazzymaps.
  • Azioni al clic del marcatore – Apri la finestra delle informazioni (un pannello contenente i dettagli specificati dall'utente), Reindirizza all'URL (meglio per indirizzare gli utenti alle pagine appropriate come la pagina di prenotazione o di iscrizione), Nessuno (non accadrà nulla)
  • Animazioni : attira l'attenzione dei lettori con le animazioni dei marker.
  • Incorpora su qualsiasi sito : indipendentemente dal fatto che utilizzi WordPress, Google Sites, Blogger, Brizy, Weebly, Wix, Webflow, Squarespace, Clickfunnels o qualsiasi sito HTML, puoi installare facilmente il widget di posizione di Google Maps inserendo lo snippet di codice.
  • Statistiche e controllo del sito – Scopri quante visualizzazioni ha ricevuto ciascun widget e su quali siti sono stati incorporati i widget. Puoi bloccare facilmente i siti dalla dashboard di ElfSight: un'opzione eccellente per le agenzie.

Ecco un video sull'utilizzo di ElfSight per creare un widget di Google Maps per il sito web.

Generatore di widget di Google Maps

Crea il tuo widget mappa di Google qui sotto.

Prezzo

ElfSight ha due modelli di prezzo. Prezzi delle singole app e di tutte le app. Di seguito sono riportati solo i prezzi per il plug-in di Google Maps.

Prezzi del widget di Google Maps Elfsight
  • Lite – GRATIS – 1 sito web, 200 visualizzazioni al mese, logo ElfSight
  • Base – $ 5/mese – Siti Web illimitati, 5.000 visualizzazioni al mese, nessun logo ElfSifght
  • Pro – $ 10/mese – Siti Web illimitati, 50.000 visualizzazioni al mese, nessun logo ElfSifght
  • Enterprise – $ 25/mese – Siti Web illimitati, 5.000.000 di visualizzazioni al mese, nessun logo ElfSifght

Tutti i pacchetti di app includono il widget di Google Maps e oltre 40 altre app, come il widget di recensioni All-in-one. I dettagli sui prezzi sono mostrati di seguito.

Prezzi del pacchetto di tutte le app Elfsight

Fai clic qui per provare il widget di Google Maps di ElfSight.

Plugin Power Maps

Plugin mappe di potere

Powr è un sito come ElfSight che fornisce potenti plugin per aggiornare un sito. Attualmente, ci sono oltre 40 diverse app nella libreria delle app di Powr. L'orologio per il conto alla rovescia per le e-mail, il creatore di tabelle dei prezzi e il timer per il conto alla rovescia sono alcuni di questi.

Come la maggior parte delle app Powr, il plug-in Powr Maps è ricco di funzionalità e, a differenza del widget ElfSight di Google Maps, Powr non richiede una chiave API di Google Maps .

Editor di mappe di potere
Editor di plug-in Powr Maps

Caratteristiche principali

  • Due fornitori di mappe : Open Street Map o Google Maps.
  • Fino a 5 punti di localizzazione : indica fino a 5 posizioni sul widget di Google Maps.
  • Mappe interattive per qualsiasi luogo : gli utenti potranno ingrandire, ridimensionare, modificare il tipo di mappa, ecc., direttamente dal tuo sito.
  • Pannello della posizione per una navigazione rapida : elenca tutte le posizioni che desideri evidenziare e le persone possono fare clic su ciascun elemento e vedere la posizione, la distanza e il percorso esatti dalla loro posizione corrente.
  • Nove stili di visualizzazione unici : regola lo stile del widget in modo che risuona con il tema del tuo sito web.
  • Supporta testo in qualsiasi lingua – Localizza widget con testi personalizzati
  • Caratteri personalizzati, colori, sfondi e altro : seleziona tra oltre 10 caratteri diversi, modifica la dimensione del carattere, i colori del testo e altro ancora.
  • Personalizza dimensione widget : regola la larghezza del widget.
  • CSS personalizzato : Powr ti consente di modellare il plug-in di Google Maps con CSS personalizzato.
  • JavaScript personalizzato : esegue codici JavaScript quando il plug-in viene caricato su un sito.
  • Installa su qualsiasi piattaforma : incorpora facilmente il plug-in di posizione di Google Maps su qualsiasi piattaforma copiando e incollando lo snippet di codice HTML.

Ecco come creare un widget gratuito di Google Maps per un sito Web con il plug-in Powr Maps.

Demo

Prezzo

Il plug-in di Google Maps di Powr è gratuito. Tuttavia, potresti dover eseguire l'upgrade a un piano a pagamento per utilizzare funzionalità extra come l'importazione di massa della posizione tramite CSV e la visualizzazione della posizione più vicina.

Prezzi del plug-in di Powr maps
  • Gratuito : 5 posizioni, marchio Powr sul widget
  • Starter – $ 5,49/mese – 10 posizioni, barra di ricerca, pin personalizzato, mostra la posizione più vicina, No Powr branding
  • Pro - $ 13,49 / mese - 50 posizioni, barra di ricerca, pin personalizzato, CSS e JS personalizzati, visualizzazione della posizione più vicina, importazione di massa tramite CSV, marchio No Powr
  • Business – $ 89,99/mese – Posizioni illimitate, barra di ricerca, pin personalizzato, CSS e JS personalizzati, visualizzazione della posizione più vicina, importazione di massa tramite CSV, No Powr branding

Fare clic qui per provare il plug-in Powr Map.

Mappe WP

Plugin WP Maps WordPress

Nel caso in cui utilizzi WordPress per alimentare il tuo sito e cerchi un plug-in per le mappe, WP Maps di flippercode è eccellente con tonnellate di funzionalità e opzioni personalizzabili.

Caratteristiche principali

  • Mappe e posizioni illimitate: appunta posizioni illimitate con varie informazioni su mappe illimitate.
  • Personalizza i marcatori : assegna i tuoi marcatori alle categorie o scegli i marcatori colorati da oltre 500 marcatori già pronti dalla collezione di icone di mappe.
  • Quattro tipi di mappa : Roadmap, Satellite, Hybrid, Terrain
  • Street view : abilita la visualizzazione della strada, l'intestazione Pov (Punto di vista) e Pov Pitch per la visualizzazione della strada.
  • Stilizzazione delle mappe: Google Maps personalizzato da Snazzymaps.com.
  • Controllo della ricerca sulla mappa del frontend per cercare la posizione
  • Supporto multilingue, funzionalità di immagini a 45° e altro ancora.

WP Maps è un plugin per mappe gratuito per WordPress. La sua versione a pagamento (PRO) include più funzionalità come l'importazione/esportazione di posizioni, indicazioni su indicazioni stradali e percorsi per i visitatori e supporto multisito.

Mappe sgargianti

Snazzymap

Snazzy Maps è un servizio online che ti consente di generare gratuitamente eleganti widget di Google Maps online. Tutti gli stili sono concessi in licenza in base a Creative Commons e sono completamente gratuiti.

Costruttore di mappe Snazzymaps

Caratteristiche principali

  • Libreria di stili : esistono migliaia di stili di widget di Google Maps, ognuno con un punteggio preferito in base alla scelta delle persone. Puoi esplorare migliaia di stili, ottenere i loro codici JSON e utilizzare gli stili durante la creazione di widget Google Map incorporabili.
  • Costruisci i tuoi stili di widget della mappa di Google : il processo passo dopo passo semplifica la creazione del tuo stile.
  • Crea una mappa : utilizza uno stile mappa, imposta le dimensioni e le posizioni del widget, aggiungi indicatori, personalizza lingua, controlli e impostazioni di comportamento e genera codice sorgente per Google Map.
  • Plugin : utilizza il plug-in di WordPress per creare e installare Google Maps all'interno del tuo sito WordPress.

SnazzyMaps è un sito Web gratuito che ti consente di esplorare gli stili dei widget di Google Maps, creare i tuoi stili e generare codice Google Map incorporabile per il sito Web.

Clicca qui per provare SnazzyMaps.

Plugin per mappe di WordPress per Google Maps

Widget mappe WordPress per Google Maps

Se stai utilizzando WordPress per alimentare il tuo sito e stai cercando un plug-in per le mappe, il plug-in del widget di Google Maps di WebFactory Ltd è eccellente.

Caratteristiche principali

  • Dimensione della mappa Google personalizzata
  • Scegli qualsiasi tipo di mappa di Google: mappa stradale, mappa satellitare, mappa del terreno, mappa ibrida.
  • Combinazioni di colori delle mappe di Google
  • Tipo di collegamento: mappa lightbox, URL personalizzato
  • Controlla il livello di zoom
  • Imposta la lingua della mappa di Google, l'icona della puntina personalizzata, gli shortcode per incorporare la mappa di Google in qualsiasi punto del tuo sito WordPress e altro ancora.

WebFactory LTD fornisce un altro plug-in chiamato "Map Block for Google Maps" per l'editor di blocchi Gutenberg.

Il plugin è gratuito. Esiste una versione Pro che include più funzionalità.

Parole finali sui migliori widget di Google Maps per i siti web

L'utilizzo dei widget corretti nei posti giusti può trasformare le campagne con scarso rendimento in pareggi o redditizie. I nostri articoli precedenti hanno condiviso come aggiungere un pulsante PayPal Pay personalizzato al sito Web, widget per il conto alla rovescia per i siti Web, ecc., Per migliorare i tassi di conversione dei tuoi siti. Allo stesso modo, l'utilizzo di un widget di Google Maps su un sito Web è particolarmente utile per le aziende locali e internazionali.

Personalmente, consiglio di utilizzare un servizio come ElfSight e Powr poiché forniscono più tipi di widget che torneranno utili in futuro. Dai un'occhiata a questa recensione di ElfSight vs. Powr per differenze chiave, pro e contro, ecc.,