Trebuie să vă dați seama cum să adăugați Google Hărți către WordPress cu JetElements?
Există o mulțime de pluginuri pe care le puteți folosi pentru a adăuga Google Hărți către dvs site-ul web WordPress. JetElements este unul. JetElements este un supliment Elementor premium dezvoltat de Crocoblock. Acesta adaugă mai multe widget-uri suplimentare la dvs Elementor, inclusiv Harta avansată pe care o puteți utiliza pentru a adăuga cu ușurință Google Hărți către site-ul dvs. WordPress.
Puteți selecta 10 stiluri de hărți. De asemenea, puteți adăuga mai mulți pini.
În acest articol, vă vom arăta cum să utilizați widget-ul Harta avansată pentru a adăuga Google Maps la dvs site-ul web WordPress.
Înainte de a începe, asigurați-vă că ați instalat Elementor și JetEements pe WordPress. Puteți folosi versiunea gratuită aElementor pentru a utiliza JetElements. În timp ce pentru JetElements, trebuie să-l achiziționați pe el site oficial pentru 19 USD.
Pasul 1: Obțineți cheia API Google Maps
Înainte de a putea adăuga Google Maps la dvs site-ul web folosind JetElements, trebuie să obțineți o cheie API pentru a integra JetElements cu Google Maps. Puteți obține API-ul prin consola Google API. Deci, vizitează Consola API Google și conectați-vă cu contul dvs. Google.
Odată autentificat, creați un nou proiect făcând clic pe meniul drop-down din partea de sus și faceți clic pe PROIECT NOU.
Dați un nume proiectului dvs. și faceți clic pe butonul CREEAZĂ.
Selectați noul proiect din meniul derulant și faceți clic bibliotecă pe panoul din stânga.
JetElements nu oferă informații detaliate despre API-urile pe care trebuie să le activați pentru ca widgetul să funcționeze. Harta avansată. Conform experienței noastre, ar trebui să activați cel puțin următoarele API-uri:
- Geocoding API
- API JavaScript Maps
Google însuși împarte API-ul Google Maps în 17 tipuri. Le puteți vedea făcând clic ARATA TOT în secțiune Hărți.
Pentru a activa un API, selectați API-ul pe care doriți să îl activați (făcând clic pe el) și faceți clic pe butonul ACTIVATI.
După ce ați finalizat activarea API-urilor necesare, reveniți la tabloul de bord principal al Consolei API Google și faceți clic Identificatorii pe panoul din stânga. Faceți clic pe butonul Creați acreditări și selectați Cheie API. Copiați cheia API în fereastra pop-up care apare.
Apoi, conectați-vă la tabloul de bord WordPress și accesați meniul JetPlugins – > JetElements setări cont.
Deschideți fila integrările și inserați cheia API pe care tocmai ați copiat-o în câmp Cheia API Google Map.
Începeți să adăugați harta
Odată ce JetElements și Google Maps sunt integrate, puteți începe să adăugați harta. Pentru a face acest lucru, deschideți pagina în care doriți să adăugați harta în Elementor. În editorul Elementor, trageți widgetul Hartă avansată în zona de editare.
Puteți merge la panoul din stânga pentru a manipula unele setări de pe hartă. Puteți face setările din secțiune Setări hartă.
Pentru a schimba stilul hărții, puteți deschide secțiunea Stilul hărții.
Adăugați locația dvs. pe hartă
În mod implicit, adresa PIN este setată la London Eye, Londra, Regatul Unit. Îl puteți edita pentru a adăuga locația companiei dvs.
Pentru a face acest lucru, deschideți secțiunea Pins și faceți clic pe adresa PIN existentă. Lipiți adresa companiei dvs. în câmp Adresa PIN și modificați descrierea în câmp Descrierea pinului.
Pentru a face vizibilă pe hartă adresa PIN pe care tocmai o setați, trebuie să setați centrul hărții. De exemplu, dacă locația afacerii dvs. este în Paris, ați seta centrul hărții la Paris.
Pentru a defini centrul hărții, deschideți secțiunea Setări hartă introduceți din nou centrul hărții preferat (numele orașului).
Remarque: Dacă vedeți un mesaj „Numai în scopuri de dezvoltare” când adăugați un card, asigurați-vă că activați facturarea Google Cloud. Noua politică Google cere dezvoltatorilor să activeze contul de facturare (puteți folosi în continuare API-ul Google Maps gratuit).
Obțineți Elementor Pro acum!!!
Concluzie
Asa de ! Asta este pentru acest articol care vă arată cum să adăugați Google Maps la WordPress cu JetElements. Dacă aveți nelămuriri cu privire la cum să ajungeți acolo, anunțați-le în comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...
