Kako dodati Google karte u WordPress

Ako ste izradili web stranicu za svoju lokalnu tvrtku, posebno fizičku trgovinu, trebali biste imati odjeljak Google Maps na svojoj WordPress web stranici u kojem je istaknuta njezina lokacija. Ugrađivanje karte u vašu web stranicu također je izvrsno za vaše lokalne SEO napore jer će je Google rangirati više u rezultatima pretraživanja.

Srećom, ugradnja Google karata u vaše trgovine ili uredske lokacije je jednostavna u WordPressu. Čitajte dalje da biste započeli.

Kako dodati Google karte u WordPress bez API-ja ili dodatka

Ovo je najjednostavniji način dodavanja Google karata na vaš WordPress blog ili web mjesto. Uključuje dva široka koraka: kopiranje veze za ugradnju i lijepljenje veze u blok WordPress koda . Slijedite korake u nastavku.

Dobivanje veze za ugradnju Google karata

1. Otvorite Google karte na webu.
2. Upišite ili potražite lokaciju koju želite ugraditi u polje za pretraživanje.
   
3. Kliknite Dijeli , idite na Ugradi kartu , odaberite željenu veličinu i kliknite Kopiraj HTML .

Lijepljenje veze za ugradnju u WordPress

1. Prijavite se na svoju WordPress nadzornu ploču.
2. Kliknite Stranice , zatim Dodaj novu stranicu (Možete upotrijebiti novi post ili urediti staru stranicu ako želite).
   
3. Kliknite gumb + , zatim kliknite Prilagođeni HTML .
   
4. Zalijepite vezu za ugradnju Google karte koju ste kopirali. Zatim spremite i objavite svoju stranicu.
   

Dodavanje Google karata s API-jem na WordPress

Ako pišete blog na WordPressu , možete ugraditi Google karte s API-jem, iako morate koristiti dodatak za karte da biste to postigli. U ovom primjeru koristimo dodatak WP Go Maps , ali postoje i drugi koje možete isprobati. Ali prvo moramo nabaviti API.

Kako nabaviti Google Maps API

Možete koristiti besplatne značajke API-ja za mala poduzeća, ali napredni API-ji koštaju oko 7 USD mjesečno i povećavaju se ovisno o broju pojavljivanja koje primite. S dobivenim API-jem možete dodati Google kartu na svoju web stranicu. Da biste dobili Google Map API, morate ispravno postaviti naplatu u Google Cloud Console. Nakon što je naplata postavljena, nastavite s dolje navedenim koracima na Google Cloud Console.

1. Kliknite Hamburger u gornjem lijevom kutu i kliknite API-ji i usluge .
   
2. Odaberite Omogući API-je i usluge .
3. Pritisnite Hamburger , zadržite pokazivač miša nad API-ji i usluge , zatim kliknite Knjižnica .
   
4. U odjeljku Karte kliknite Prikaži sve .
5. Kliknite Maps JavaScript API i kliknite njegov gumb Omogući .
   
6. Vratite se na stranicu API knjižnice i ponovite korak 5 za Directions API , Geocoding API , Geolocation API i Places API .
7. Pritisnite Hamburger , zadržite pokazivač miša nad API-ji i usluge , zatim kliknite Vjerodajnice .
   
8. Na vrhu zaslona kliknite opciju Stvori vjerodajnice i odaberite API ključ .
   
9. Odaberite opciju Uredi API ključ .
   
10. Odaberite radio gumb Web stranice i kliknite DODAJ .
    
11. Unesite URL svoje web stranice, kliknite Gotovo , a zatim Spremi .
    
12. Kliknite opciju Prikaži ključ i kopirajte svoj API ključ.
    

Preuzimanje dodatka WP Maps

Za ovaj primjer koristit ćemo WP Go Maps. Za preuzimanje slijedite korake u nastavku.

1. Otvorite WordPress nadzornu ploču, kliknite  Dodaci  na traci izbornika i kliknite  Dodaj novi dodatak  na vrhu stranice.
   
2. Potražite WP Go Maps i kliknite opciju Install Now za prvi dodatak, a zatim kliknite Activate kada instalacija završi.
3. Kliknite Postavke za karte na lijevom oknu, kliknite karticu Napredno , unesite svoj API ključ i kliknite Spremi postavke u donjem desnom kutu.
   
4. Odaberite Karte na lijevom oknu, dodajte svoju adresu u polje Adresa/GPS i kliknite gumb Dodaj oznaku .
   

Dodavanje bloka karte

S povezanim API-jem, WP Go Maps će stvoriti blok koda koji možete koristiti na svojoj web stranici:

1. Otvorite nadzornu ploču WordPressa i otvorite objavu ili stranicu na kojoj vam je potrebna karta.
2. Odaberite gumb + na vrhu, potražite Karta i odaberite Karta .
   
3. Sada spremite i objavite stranicu.
4. Pomoću dodatnih opcija s desne strane prilagodite izgled bloka na stranici.

Dodavanje widgeta

Alternativno, možete dodati mali widget na svoju kartu, kao što je podnožje web stranice. Evo kako:

1. Otvorite WordPress administratorsku ploču.
2. Odaberite Izgled i kliknite Widgeti .
   
3. Proširite WP Go Maps , odaberite lokaciju i kliknite Dodaj widget .
   
4. Uredite dimenziju widgeta i kako će oznaka biti imenovana na karti.

Iako bi WP Go Maps trebao obaviti posao, to nije jedini dodatak koji to može.

Možete pregledavati trgovinu dodataka za WordPress kako biste pronašli druge dodatke koji ugrađuju blokove karte s Google kartama. Neke od boljih opcija uključuju:

• Google Maps Widget
• Google Maps Jednostavno
• Intergeo

Nakon što preuzmete i omogućite dodatak, svaki bi trebao imati kratak vodič o tome kako uključiti svoj Google Maps API ključ kako biste WordPressu omogućili korištenje Googleove karte. Ostalo je na vama.

Koristite WordPress temu integriranu s kartom

Osim korištenja dodataka za izradu karte za svoju web stranicu, također možete odabrati temu s opcijom od samog početka.

Međutim, malo je vjerojatno da ćete pronaći besplatnu temu s ugrađenim Google kartama. Jedna od boljih verzija je Divi, koja košta otprilike 90 dolara godišnje ako koristite pretplatu. Međutim, njegove druge značajke, kao što je stvaranje web stranica uz pomoć umjetne inteligencije i mnogi profesionalni predlošci, čine ga izvrsnim izborom.

Stavite se na kartu s WordPressom

Ugrađivanjem lokacije vaše trgovine na Google kartama na svoju WordPress stranicu, potencijalnim kupcima i klijentima olakšavate pronalaženje vaše lokalne tvrtke. Poigrajte se s položajem karte i izradite jednostavnu stranicu za kontakt za najbolje rezultate.

Zatim biste trebali naučiti kako postaviti zadanu temu u WordPressu .

FAQ

Gdje mogu staviti Google Maps API ključ u WordPress?

Možete ga ugraditi u WordPress blok koda ili pomoću dodatka. Neki od ovih dodataka mogu nuditi widgete u koje ugrađujete API ključ.

Kako mogu dodati Google kartu u WordPress bez dodataka?

Određeni postupak ovisit će o dodatku koji koristite. Međutim, ključevi API-ja obično idu u polje API-ja koje se nalazi u opciji Napredno vašeg dodatka.