Treba smisliti kako dodati Google Mape u WordPress sa JetElements?
Postoji gomila dodataka koje možete koristiti za dodavanje Google Mape do vašeg sajt WordPress. JetElements je jedan. JetElements je dodatak Elementor premium koji je razvio Crocoblock. Dodaje nekoliko dodatnih vidžeta vašem Elementor, uključujući naprednu mapu koju možete koristiti za jednostavno dodavanje Google Mape do vaše WordPress stranice.
Možete odabrati 10 stilova karte. Također možete dodati više pinova.
U ovom članku ćemo vam pokazati kako koristiti widget Advanced Map da dodate Google mape na svoje sajt WordPress.
Prije početka provjerite jeste li instalirali Elementor i JetEements na vašem WordPress-u. Možete koristiti besplatnu verzijuElementor da koristite JetElements. Dok za JetElements, morate ga nabaviti na njegovom službena web stranica za 19 dolara.
Korak 1: Nabavite Google Maps API ključ
Prije nego što možete dodati Google mape na svoj site Web koristeći JetElements, potrebno je da dobijete API ključ da integrišete JetElements sa Google mapama. API možete dobiti preko Google API konzole. Dakle, posjetite Google API konzola i prijavite se sa svojim Google računom.
Kada se prijavite, kreirajte novi projekat tako što ćete kliknuti na padajući meni na vrhu i kliknuti na NOVI PROJEKAT.
Dajte naziv svom projektu i kliknite na dugme STVORITI.
Izaberite svoj novi projekat iz padajućeg menija i kliknite biblioteka na lijevoj ploči.
JetElements ne pruža nikakve detaljne informacije o API-jima koje trebate omogućiti da bi widget radio. Advanced Map. Prema našem iskustvu, trebali biste barem omogućiti sljedeće API-je:
- API za geokodiranje
- Maps JavaScript API
Sam Google dijeli Google Maps API na 17 tipova. Možete ih vidjeti klikom POKAZI SVE u sekciji Kartes.
Da aktivirate API, izaberite API koji želite da aktivirate (klikom na njega) i kliknite na dugme AKTIVIRAJ.
Kada dovršite omogućavanje potrebnih API-ja, vratite se na glavnu kontrolnu tablu Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na dugme Kreirajte vjerodajnice i izaberite API ključ. Kopirajte API ključ u iskačućem prozoru koji se pojavi.
Zatim se prijavite na svoju WordPress kontrolnu tablu i idite na meni JetPlugins – > JetElements Postavke.
Otvorite karticu integracije i zalijepite API ključ koji ste upravo kopirali u polje Google Map API ključ.
Počnite sa dodavanjem kartice
Kada su JetElements i Google Maps integrisani, možete početi sa dodavanjem mape. Da biste to učinili, otvorite stranicu na koju želite dodati kartu u Elementoru. U uređivaču Elementor, prevucite widget Advanced Map u područje za uređivanje.
Možete ići na lijevu ploču da manipulišete nekim postavkama na mapi. Postavke možete izvršiti iz odjeljka Postavke karte.
Da biste promijenili stil karte, možete otvoriti odjeljak Stil karte.
Dodajte svoju lokaciju na mapu
Podrazumevano, pin adresa je postavljena na London Eye, London, Ujedinjeno Kraljevstvo. Možete ga urediti da dodate svoju poslovnu lokaciju.
Da biste to učinili, otvorite odjeljak Igle i kliknite na postojeću pin adresu. Zalijepite svoju poslovnu adresu u polje Pin adresa i izmijenite opis u polju Opis pin.
Da bi pin adresa koju ste upravo postavili bila vidljiva na mapi, morate postaviti centar karte. Na primjer, ako je vaša poslovna lokacija u Parizu, postavili biste centar karte na Pariz.
Da biste definirali centar karte, otvorite odjeljak Postavke karte ponovo upišite željeni centar karte (ime grada).
Napomena: Ako vidite poruku "Samo za razvojne svrhe" prilikom dodavanja kartice, obavezno omogućite naplatu na Google Cloudu. Nova Googleova politika zahtijeva od programera da aktiviraju račun za naplatu (još uvijek možete besplatno koristiti Google Maps API).
Nabavite Elementor Pro odmah!!!
zaključak
Dakle! To je to za ovaj članak koji vam pokazuje kako dodati Google Maps u WordPress pomoću JetElements. Ako imate bilo kakvih nedoumica oko toga kako doći do tamo, obavijestite ih u komentari.
Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
