È necessario capire come aggiungere Google Mappe su WordPress con JetElements?

Ci sono un sacco di plugin che puoi usare per aggiungere Google Mappe per il tuo sito web WordPress. JetElements è uno. JetElements è un componente aggiuntivo Elementor premio sviluppato da Crocoblock. Aggiunge diversi widget aggiuntivi al tuo Elementor, inclusa la Mappa avanzata che puoi utilizzare per aggiungere facilmente Google Mappe sul tuo sito WordPress.

Puoi selezionare 10 stili di mappa. Puoi anche aggiungere più pin.

In questo articolo, ti mostreremo come utilizzare il widget Mappa avanzata per aggiungere Google Maps al tuo sito web WordPress.

Prima di iniziare, assicurati di aver installato Elementor e JetEements sul tuo WordPress. Puoi utilizzare la versione gratuita diElementor per utilizzare JetElements. Mentre per JetElements, devi acquisirlo sul suo Sito ufficiale per $ 19.

Passaggio 1: ottieni la chiave API di Google Maps

Prima di poter aggiungere Google Maps al tuo sito web utilizzando JetElements, è necessario ottenere una chiave API per integrare JetElements con Google Maps. Puoi ottenere l'API tramite la console API di Google. Quindi, visita Console dell'API di Google e accedi con il tuo account Google.

Una volta effettuato l'accesso, crea un nuovo progetto cliccando sul menu a tendina in alto e clicca su NUOVO PROGETTO.

Dai un nome al tuo progetto e clicca sul pulsante CREATE.

Seleziona il tuo nuovo progetto dal menu a tendina e clicca Biblioteca sul pannello di sinistra.

aggiungi Google Maps a WordPress con JetElements

JetElements non fornisce informazioni dettagliate sulle API che è necessario abilitare per far funzionare il widget. Mappa avanzata. In base alla nostra esperienza, dovresti almeno abilitare le seguenti API:

  • API di geocodifica
  • Mappe JavaScript API

Google stesso divide l'API di Google Maps in 17 tipi. Puoi vederli cliccando MOSTRA TUTTO nella sezione Cartoline d'auguri.

Per attivare un'API, seleziona l'API che desideri attivare (facendo clic su di essa) e fai clic sul pulsante ATTIVARE.

Dopo aver completato l'abilitazione delle API richieste, torna alla dashboard principale della console API di Google e fai clic su Identifiers sul pannello di sinistra. Fare clic sul pulsante Crea credenziali e seleziona Chiave API. Copia la chiave API nel popup che appare.

Quindi, accedi alla dashboard di WordPress e vai al menu JetPlugins – > JetElements Impostazioni profilo.

aggiungi Google Maps a WordPress con JetElements

Apri la scheda integrazioni e incolla la chiave API appena copiata nel campo Chiave API di Google Map.

Inizia ad aggiungere la mappa

Una volta integrati JetElements e Google Maps, puoi iniziare ad aggiungere la mappa. Per fare ciò, apri la pagina in cui desideri aggiungere la mappa in Elementor. Nell'editor Elementor, trascina il widget Mappa avanzata nell'area di modifica.

aggiungi Google Maps a WordPress con JetElements

Puoi andare al pannello di sinistra per modificare alcune impostazioni sulla tua mappa. È possibile effettuare le impostazioni dalla sezione Impostazioni della mappa.

Per cambiare lo stile della mappa, puoi aprire la sezione Stile mappa.

aggiungi Google Maps a WordPress con JetElements

Aggiungi la tua posizione alla mappa

Per impostazione predefinita, l'indirizzo pin è impostato su London Eye, Londra, Regno Unito. Puoi modificarlo per aggiungere la sede della tua attività commerciale.

Per fare ciò, apri la sezione Spille e fare clic sull'indirizzo pin esistente. Incolla il tuo indirizzo commerciale nel campo Pin Indirizzo e modificare la descrizione nel campo Descrizione pin.

aggiungi Google Maps a WordPress con JetElements

Per rendere visibile sulla mappa l'indirizzo pin appena impostato, è necessario impostare il centro della mappa. Ad esempio, se la sede della tua attività commerciale è a Parigi, devi impostare il centro della mappa su Parigi.

Per definire il centro della mappa, apri la sezione  Impostazioni della mappa digitare nuovamente il centro della mappa preferito (nome della città).

aggiungi Google Maps a WordPress con JetElements

Nota: Se visualizzi il messaggio "Solo per scopi di sviluppo" quando aggiungi una carta, assicurati di abilitare la fatturazione di Google Cloud. La nuova politica di Google richiede agli sviluppatori di attivare l'account di fatturazione (puoi comunque utilizzare l'API di Google Maps gratuitamente).

Ottieni subito Elementor Pro!!!

Conclusione

Ecco ! Questo è tutto per questo articolo che mostra come aggiungere Google Maps a WordPress con JetElements. Se hai dei dubbi su come arrivarci, faglielo sapere nel commentaires.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...