Treba smisliti kako dodati Google Karte na WordPress s JetElementsom?
Postoji hrpa dodataka koje možete koristiti za dodavanje Google Karte do vašeg web stranica WordPress. JetElements je jedan. JetElements je dodatak Elementor premium razvio Crocoblock. Dodaje nekoliko dodatnih widgeta vašem Elementor, uključujući naprednu kartu koju možete koristiti za jednostavno dodavanje Google Karte na vašu WordPress stranicu.
Možete odabrati 10 stilova karte. Također možete dodati više pribadača.
U ovom članku ćemo vam pokazati kako koristiti widget Napredna karta da biste dodali Google karte svojim web stranica WordPress.
Prije početka provjerite jeste li instalirali Elementor i JetEements na vašem WordPressu. Možete koristiti besplatnu verzijuElementor koristiti JetElements. Dok za JetElements, morate ga nabaviti na njegovom službena stranica za 19 dolara.
Korak 1: Nabavite ključ Google Maps API
Prije nego što možete dodati Google Maps u svoj web stranica koristeći JetElements, trebate nabaviti API ključ za integraciju JetElementsa s Google kartama. API možete dobiti putem Google API konzole. Dakle, posjetite Google API konzola i prijavite se svojim Google računom.
Nakon što se prijavite, kreirajte novi projekt klikom na padajući izbornik na vrhu i kliknite na NOVI PROJEKT.
Dajte ime svom projektu i kliknite na gumb CREATE.
Odaberite svoj novi projekt s padajućeg izbornika i kliknite Knjižnica na lijevoj ploči.
JetElements ne pruža nikakve detaljne informacije o API-jima koje morate omogućiti da widget radi. Napredna karta. Prema našem iskustvu, trebali biste omogućiti barem sljedeće API-je:
- API za geokodiranje
- Maps JavaScript API
Sam Google dijeli Google Maps API na 17 vrsta. Možete ih vidjeti klikom POKAŽI SVE u odjeljku Kartice.
Kako biste aktivirali API, odaberite API koji želite aktivirati (klikom na njega) i kliknite na gumb AKTIVIRATI.
Nakon što dovršite omogućavanje potrebnih API-ja, vratite se na glavnu nadzornu ploču Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na gumb Stvorite vjerodajnice i odaberite Ključ API-ja. Kopirajte API ključ u skočni prozor koji se pojavi.
Zatim se prijavite na nadzornu ploču WordPressa i idite na izbornik JetPlugins – > JetElements Postavke.
Otvorite karticu integracije i zalijepite API ključ koji ste upravo kopirali u polje Google Map API ključ.
Počnite dodavati karticu
Nakon što su JetElements i Google Maps integrirani, možete početi dodavati kartu. Da biste to učinili, otvorite stranicu na koju želite dodati kartu u Elementoru. U uređivaču Elementor povucite widget Advanced Map u područje za uređivanje.
Možete otići na lijevu ploču kako biste manipulirali nekim postavkama na karti. Postavke možete izvršiti iz odjeljka Postavke karte.
Da biste promijenili stil karte, možete otvoriti odjeljak Stil karte.
Dodajte svoju lokaciju na kartu
Prema zadanim postavkama, PIN adresa je postavljena na London Eye, London, Ujedinjeno Kraljevstvo. Možete ga urediti da biste dodali lokaciju svoje tvrtke.
Da biste to učinili, otvorite odjeljak Pins i kliknite na postojeću pin adresu. Zalijepite adresu svoje tvrtke u polje Pin adresa i izmijenite opis u polju Opis pribadače.
Kako bi adresa pribadače koju ste upravo postavili bila vidljiva na karti, trebate postaviti središte karte. Na primjer, ako je lokacija vaše tvrtke u Parizu, središte karte postavite na Pariz.
Da biste odredili središte karte, otvorite odjeljak Postavke karte ponovno upišite željeno središte karte (ime grada).
Remarque: Ako prilikom dodavanja kartice vidite poruku "Samo u razvojne svrhe", svakako omogućite Google Cloud naplatu. Nova Googleova pravila zahtijevaju od programera da aktiviraju račun za naplatu (još uvijek možete besplatno koristiti Google Maps API).
Nabavite Elementor Pro sada!!!
Zaključak
Dakle! To je sve za ovaj članak koji vam pokazuje kako dodati Google karte u WordPress s JetElementsom. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
